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;
}
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值