css边框

边框颜色 border-color：red/#ffffff/rgb() 边框样式 border-style：solid （实线） dashed （虚线）默认为 nome 边框粗细 border-width：1px 默认是 3px Border的简写 border：border-width border-style border-color 来源： https://www.cnblogs.com/xwzs/p/11899882.html

theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700', '#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'], // 图表标题 title: { x: 'left', // 水平安放位置，默认为左对齐，可选为： // 'center' ¦ 'left' ¦ 'right' // ¦ {number}（x坐标，单位px） y: 'top', // 垂直安放位置，默认为全图顶端，可选为： // 'top' ¦ 'bottom' ¦ 'center' // ¦ {number}（y坐标，单位px） //textAlign: null // 水平对齐方式，默认根据x设置自动调整 backgroundColor: 'rgba(0,0,0,0)', borderColor: '#ccc', // 标题边框颜色 borderWidth: 0, //

------------恢复内容开始------------ border边框 css属性 边框颜色 border-color 边框样式 border-style solid实线 dashed虚线 边框粗细 border-width 简写 border：粗细 样试 颜色； div 块 盒子 主要用来排版布局 文档流 元素从上到下（主要指块级元素） 从左到右（主要指行级元素）的一种排列方式 它叫标准文档流 他是浏览器天生具有的一种功能 在实际开发中 我们在遵循文档流原则的情况下 还得脱离文档流得约束 让元素不受文档流得控制 脱离文档流得方法 1 给元素设置浮动 float left right ------------恢复内容结束------------ 来源： https://www.cnblogs.com/lihuhu/p/11898837.html

Border 边框 css属性 边框颜色 border-color：red / #ffffff / rgb() 默认为黑色 边框样式 border-style：solid（实线）dashed（虚线）默认为none 边框粗细 border-width：1px；默认为3px； Border 的简写 border：border-width border-style border-style border-color Div 块 盒子 1、就是标签名 没有特殊的标签属性 2、主要用来排版布局 3、宽度是100%，chrome浏览器默认有8px的内边距，清除这8px用 4、这种天使占用宽度为100%的标签我们把他们叫块级元素 比如 div p h1-h6等等 特点：独占一行 可以设置宽高 5、大小宽高不是100%，是按照内容的倒是决定大小的，这种标签叫内敛元素（行级元素） 比如 a span 特点：不独占一行 不可以设置宽高 块级元素 div分析 1、外边距 margin 2、内边距 padding 3、边框 border Div 的真是宽度= width+margin-left+margin-right+border*2+padding-left+padding-right 文档流 元素从上到下（主要说块级元素），从左到右（主要说行级元素）的一种排列方式，我们把他叫标准文档流

壹 ❀ 引 这两天因为项目工作较少，闲下来去看了GitHub上关于面试题日更收录的文章，毕竟明年有新的打算。在CSS收录中有一题是 用css创建一个三角形，并简述原理 。当然对于我来说画一个三角形是没难度的，简述原理？我突然一愣，虽然我知道通过边框可以做到，那为什么这么设置边框可以实现呢，抱着这个疑问于是有了这篇文章，那么本文开始。 贰 ❀ CSS画一个三角形 1.不同理解的边框 写CSS样式的同学与边框border打交道就像每天早上起来拥抱太阳，吃泡面加根肠一样平常，一直以来在我印象里，边框就像一条细线，如果用形状去形容应该是一个长方形。 <div class="border"></div> .border { width: 50px; height: 50px; border: 2px solid; border-color: #96ceb4 #ffeead #d9534f #ffad60; } 比如这个例子中，在我看来就是四个宽2px高200px且颜色不同的长方形拼凑成了一个正方形。现在我们将border设置大一点，稍微调修改下： .border { width: 50px; height: 50px; border: 50px solid; border-color: #96ceb4 #ffeead #d9534f #ffad60; } 当border足够宽

目录 CSS入门 标签设置长宽 1.字体样式 1.1 字体类型 font-family 1.2 字体大小 font-size 1.3 字体颜色 color 1.4 字体粗细 font-weight 1.5 文本斜体 font-style 2.文本样式 2.1 文本对齐 text-align 2.2 文字装饰 text-decoration 2.3 首行缩进 text-indent 4.背景样式 4.1 背景颜色 background-color 4.2 背景图片 background-image 4.3 背景重复 background-repeat 4.4 背景位置 background-position 4.5 背景固定样式 background-attachment 5.边框属性 5.1 边框样式 border 5.2 边框局部样式 border局部 5.3 圆,圆角边框 border-radius 6.display 显示方式 定义 使用 同行显示 display: inline 异行显示 display: block; 兼并 display: inline-block; 标签特性 7.盒子模型 7.1 margin: 外边距 7.2 border: 边框 7.3 padding: 内边距 7.4 content: 内容区域 8. 浮动布局 float 8.1 三种取值 8

目录 HTML基础(三) CSS属性相关 宽和高 字体属性 文字属性 CSS盒子模型 overflow溢出属性 定位(position) z-index opacity HTML基础(三) CSS属性相关 宽和高 width属性可以为元素设置宽度 height属性可以为元素设置高度 块级标签才能设置宽度,内联标签的宽度由内容来决定 字体属性 #文字字体 font-family 可以把多个字体名称作为一个“回退”系统来保存 font-family: "Microsoft Yahei", "微软雅黑",sans-serif; #字体大小 font-size: 14px; #自重(粗细) font-weight: bold; normal 默认值,标准粗细 bold 粗体 bolder 更粗 lighter 更细 100-900 设置具体粗细,400等同于normal,700等同于bold #文本颜色 color: 'red'; 文字属性 文字对齐 #文字对齐 text-align text-align:left text-align:right text-align:center text-align:justify 两端对齐 文字装饰 text-decoration: none #默认,标准文本 text-decoration: underline #下划线 text

设置标签样式 给标签设置长宽 只有块级标签才可以设置长宽，行内标签设置了也没有任何作用 div { width:10px; height:10px; } 字体属性 font-size 可以设置字体大小 字体粗细 normal：默认标准粗细 bold：粗体 bolder：更粗 lighter：更细 100~900：设置具体粗细，400等同于normal，700等同于bold inherit： 继承父元素字体的粗细值 字体颜色 COLOR 后面可以跟多种颜色数据 颜色的英文：red #4e4e4e 十六进制 rgb(1,1,1)模式，三基色数字 rgba（1,1,1,0.2） 和rbg一样，最后一个数字用来调节颜色的透明度 字体属性 文字对齐 text-align属性规定元素中的文本的水平对齐方式 left：左边对齐，默认 right：右对齐 center：居中对齐 justify：两端对齐 文字修饰 text-decoration 属性用来给文字添加特殊效果 none：默认，定义标准的文本 underline：定义文本下的一条线，相当于下划线 overline：定义文本上的一条线 line-through：定义穿过文本下的一条线，相当于删除线 inherit：继承父元素的text-decoration属性的值 注意：a标签默认自带下划线，如果要去掉就如以下代码 a{ text

目录 一、css属性及用法 1.1css样式操作 1.2字体属性 1.2.1文字字体 1.2.2字体大小 1.2.3font-weight 1.2.4文本的颜色 1.3文字属性 1.3.1文字对齐 1.3.2文字装饰 1.3.3首行缩进 1.4背景属性 1.5边框 1.5.1边框的属性 1.5.2border-radius 1.6display属性 1.7css盒子模型 1.8float（浮动） 1.8.1浮动带来的影响 1.8.2清除浮动带来的影响 1.9overflow溢出属性 1.9.1 圆形头像示例 1.10定位（position） 1.10.1static 1.10.2relative（相对定位，了解） 1.10.3absolute（绝对定位，重要） 1.10.4固定定位（fixed） 1.10.5z-index 1.10.6opacity 一、css属性及用法 1.1css样式操作 块级标签的长度和宽度都是可以设置的，但是行级标签不可以直接设置长度和宽度。如： <head> <meta charset="UTF-8"> <title>Title</title> <style> div { width:200px; height:300px; background-color: fuchsia; } span{ width:100px; height:150px;

目录 一、css样式 （一）文字样式 （1）文字字体font-family （2）字体大小font-size （3）字体粗细font-weight （4）字体颜色color （二）文本样式 （1）文字对齐text-align （2）文字装饰text-decoration （3）首行缩进text-indent （三）背景样式 （1）背景颜色color （2）背景图片image （3）背景重复repeat （4）背景位置position （四）显示样式 （1）边框border （2）宽高 （3）display属性 二、css布局 （一）盒子模型 （1）外边距magin （2）边框border （3）内边距padding （4）内容content （二）浮动float （1）三种取值 （2）clear （3）overflow溢出属性 （4）清楚浮动 （三）定位position （四）是否脱离文档流 （五）z-index （六）opacity 一、css样式 （一）文字样式 （1）文字字体font-family font-family可以放置多个字体，如果浏览器不支持第一个字体，则会尝试下一个 body { font-family:"Microsoft Yahei", "微软雅黑", "Arial", sans-serif; } （2）字体大小font-size