浅谈css边框属性border（1）- border的属性介绍

浅谈css边框属性border（1）—border的属性介绍

浅谈css边框属性border（2）—border的一般使用

浅谈css边框属性border（3）—border的三角制作

浅谈css边框属性border（4）—border的一些使用技巧

border大家都不怎么陌生，这里我也就献丑写了个人的一些理解，本章咱们就说一下border的基本属性的讲解：

border的值有三个：

边框的宽度：border-width

边框的样式：border-style

边框的颜色：border-color

父元素继承：inherit

一、border-width

thin：细边框

medium：中等边框（默认）

thick：粗边框

length：自定义边框（数字带单位）

二、border-style

none：没有边框

hidden：与 “none” 一样。不过应用于表时除外，对于表 用于解决边框冲突

dotted：点状边框，不同浏览器显示不一样

dashed：虚线，不同浏览器显示不一样

solid：实线

double：双线，双线的宽度等于border-width的值

groove：3D 凹槽边框，效果取决于border-color/border-width的设定

ridge：3D 垄状边框，效果取决于border-color/border-width的设定

inset：3D inset 边框，效果取决于border-color/border-width的设定

outset：3D outset 边框，效果取决于border-color/border-width的设定

三、border-color

color_name：颜色值为颜色名称（比如 red、bule）

hex_number：颜色值为十六进制值（比如 #000、#456）

rgb_number：颜色值为 rgb 代码（比如 rgb(0,66,87)）

transparent：默认值（透明）

四、inherit

继承父级元素属性的设置

border组合写法为：border:border-width border-style border-color;

实例子：border:1px solid #fff;