标签:style color 边框 四个 border CSS 属性
最近写网页,用到了border属性
了解的不是很多,就整理了一下
border属性就是边框属性
实例
p{
border:5px soild #000 ;
}
分三个点:
- border-width 指定边框的宽度
- boder-style 指定边框的样式
- border-color 指定边框的颜色
还有从父级元素继承过来的inherit
border-width
可以设置一到四个值
一个值:代表所有的边框;
两个值:第一个代表上下边框,第二个代表左右边框;
三个值:第一个上边框,第二个值是左右边框,第三个值是下边框;
四个值:上 右 下 左
属性值
- thin:定义细的边框
- medium:默认,定义中等的边框
- thick:定义粗的边框
- length:允许你自定义边框的宽度
- inherit:规定应该从父级元素继承边框宽度
border-style
border-style属性设置一个元素的四个边框的样式。此属性可以有一到四个值
一个值:代表所有的边框;
两个值:第一个代表上下边框,第二个代表左右边框;
三个值:第一个上边框,第二个值是左右边框,第三个值是下边框;
四个值:上 右 下 左
属性值
- soild:实线
- dotted:点状
- double:双线
- dashed:虚线
- none:定义无边框
- hidden:于none相同,应用表时除外,对于表,hidden用于解决边框冲突
border-color
border-color属性设置一个元素的四个边框颜色。此属性可以有一到四个值。
一个值:代表所有的边框;
两个值:第一个代表上下边框,第二个代表左右边框;
三个值:第一个上边框,第二个值是左右边框,第三个值是下边框;
四个值:上 右 下 左
注意:请始终把 border-style 属性声明到 border-color 属性之前。元素必须在您改变其颜色之前获得边框。
属性
- color :在CSS颜色值查找颜色值的完整列表
- transparent:边框颜色透明,这是默认值
- inherit:从父级元素继承
标签:style,color,边框,四个,border,CSS,属性 来源: https://blog.csdn.net/kangzinian/article/details/100134669
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。