CSS 进框属性简写border
提问人:刘团圆发布时间:2020-11-18
border简写属性在一个声明中设置所有的边框属性,可以按顺序设置如下属性:
•border-width;
•border-style;
•border一color0
如果不设置其中的某个值,也不会出问题,比如border:solid #ff0000也是允许的。但是这样并不会显示边框,因为少了宽度。宽度为0的情况下,边框是不会显现出来的。
下面使用两种方法实现边框。
【例题】设置边框属性
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.border1{
width: 200px;
height: 200px;
border-width: 20px 10px 15px 5px;
border-style:solid dashed dotted;
border-color:red #00ff00 rgb(0,0,255);
}
.border2{
width: 200px;
height: 200px;
border:solid green 20px;
}
</style>
</head>
<body>
<div></div>
<div></div>
</body>
</html>
继续查找其他问题的答案?
相关视频回答
回复(0)
点击加载更多评论>>