作业：用CSS控制DIV的边框画一个三角形
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>盒模型之border讲解</title>
<style >
div{
width: 1500px;
height: 500px;
background-color: #87CEFA;
/这是四条边框都使用同一效果的情况下：border:5px solid pink;/
border-top: 4px dashed #191970;/顶部的边框效果，border-right等类似/
/也可以单独设置边框三要素之一，比如颜色/
border-style: solid;
border-left-color: pink;
border-top-width: 10px;
}
</style>
</head>
<body>
<div>
盒子的border三要素：宽(border-width)，形状(border-style)（实线solid、虚线dashed、立体等，可以在CSS参考手册中“边框”的“border-style”中查到），颜色(border-color)
</div>
</body>
</html>
网友评论