CSS border 属性允许您指定元素边框的样式、宽度和颜色。
border-bottom:设置下边框
border-radius:设置圆角边框
border-left:设置左边框
实例代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>border 边框属性</title>
<style>
.border1{
border:1px solid #000;
padding:20px;
width:300px;
}
.border2{
border-bottom:1px solid red;
padding:20px;
width:300px;
}
.border3{
border:1px solid #ccc;
border-radius:16px;
padding:20px;
width:300px;
}
.border4{
border-left:6px solid #2196f3;
background-color:#ddffff;
padding:20px;
width:300px;
}
</style>
</head>
<body>
<h1>border 边框属性</h1>
<p class="border1">我的所有边都有边框。</p>
<p class="border2">我有一条红色的下边框。</p>
<p class="border3">我有圆角边框</p>
<p class="border4">我有一条蓝色的左边框</p>
</body>
</html>
运行效果：
评论