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>
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>