作業(yè):用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等類似/
/也可以單獨設(shè)置邊框三要素之一,比如顏色/
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>