border可以设置元素的边框。
边框由三部分组成:边框的宽度(即粗细)、边框的样式(如实线、虚线)、边框的颜色。
语法:
border: border-width || border-style || border-color
其中:
border-width:设置边框粗细,一般情况下都用px作为单位
border-style:设置边框的样式
border-color:设置边框的颜色
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div {
width: 300px;
height: 200px;
/* 边框的粗细 一般情况下都用px作为单位 */
border-width: 5px;
/* 边框的样式 */
border-style: solid;
/* 边框的颜色 */
border-color: pink;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
展示效果: