14网页前端CSS——CSS边框属性

一:边框属性
1“;border 复合属性,如果使用该属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
border:
宽度样式颜色
2:border-color:设置或检索对象的边框颜色
4个参数值:上 右 下 左
1个参数值:全部的四边
【14网页前端CSS——CSS边框属性】2个参数值:第一个:上下,第二个左 右。
3个参数值:第一个:上,第二个:左 右,第三个:下。
3:border-style:设置或检索对象的边框样式
4个参数:上 右 下 左
1个参数:全部的四边’
2个参数:第一个:上 下,第二个 左 右。
3个参数:第一个:上,第二个:左 右,第三个 下。
dotted:点状轮廓dashed:虚线轮廓solid:实线轮廓double:双线轮廓
4:border-width:设置或检索对象的边框宽度
4个参数值:上 右 下 左
1个参数值:全部的四边
2个参数值:第一个:上下,第二个左 右。
3个参数值:第一个:上,第二个:左 右,第三个:下。
5:border-radius:设置或检索对象使用圆角边框。

div{ width: 200px; height: 200px; background-color: red; border: 5px solid green; /*线的粗细,线的形状,颜色(乱序 无碍)*/ border-color: green yellow blue red; /*上 右 下 左*/ /*border-style: dashed; */ border-width: 10px 20px 30px 40px; border-radius:} .ad{ width: 200px; height: 200px; background-color: green; border: 5px solid red; /* border-radius: 50%; 当宽高相等时会变成圆形*/ border-radius: 10px 20px 30px 40px; }


    推荐阅读