CSS边框属性
1 CSS边框的常用属性
(1) border:边框粗细 边框的样式 边框颜色;
- 边框的样式有四种,分别是solid单实线 double双实线 dashed虚线 dotted点
div{
border: 1px dotted red;
}
(2) border-radius:num1(num2 num3 num4)
- num1表示将图形(存在四个角)的四个角统一改为一个弧度。
- num1 num2 num1表示图形的左上角和右下角,num2表示图形的右上角和左下角。
- num1 num2 num3 num1表示左上角,num2右上角和左下角,num3右下角。
- num1 num2 num3 num4表示左上、右上、右下、左下。
div{
border-radius:50%;
border-radius:30% 50%;
border-radius:20% 30% 50%;
border-radius:10% 20% 30% 40%;
}
(3)border-top(border-bottom、border-left、border-right):边框粗细 边框的样式 边框颜色;
border-top: 1px dotted red;
border-bottom: 1px dashed blue;
border-left: 1px solid tblue;
border-right: 1px double saddlebrown;
2 HTML标签的边距
html标签存在一个叫做外边距和内边距的两个边距。
通配符选择器一般就是用来去除标签边距。
*{
margin:外边距;
padding:内边距;
margin:0;
padding:0;
}