发 帖  
原厂入驻New
[问答]

请问css盒子模型之边框线border有哪些使用技巧?

81 CSS border
分享
css盒子模型之边框线border有哪些使用技巧
0
2020-11-6 07:16:25   评论 分享淘帖 邀请回答
1个回答

<!DOCTYPE html><html><head><meta charset=&quot;utf-8&quot;><title></title><style type=&quot;text/css&quot;>*{margin: 0;padding: 0;}.content{width: 100px;height: 100px;background-color: darkgoldenrod;/* border: 10px solid black; */border: 0;border-top: 50px;border-style: solid;border-color: black;}</style></head><body><div class=&quot;content&quot;></div></body></html>
总结1:border:10px solid #000;如果没有指明方向的情况下,表示4个方向的边框线,而且边框线相等;上边框线border-top、右边框线border-right、下边框线border-bottom、左边框线border-left;
总结2:去掉边框线border:0;如果border的属性只有边框宽度,没有边框的类型和边框颜色会导致border属性失效,border-top:10px;上边框失效为0
2020-11-6 15:44:50 评论

举报

撰写答案

你正在撰写答案

如果你是对答案或其他答案精选点评或询问,请使用“评论”功能。

高级模式
您需要登录后才可以回帖 登录 | 注册

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容图片侵权或者其他问题,请联系本站作侵删。 侵权投诉
我要提问
关闭

站长推荐 上一条 /9 下一条

快速回复 返回顶部 返回列表