CSS 進(jìn)框?qū)傩院唽慴order
border簡寫屬性在一個(gè)聲明中設(shè)置所有的邊框?qū)傩?,可以按順序設(shè)置如下屬性:
?border-width;
?border-style;
?border一color0
如果不設(shè)置其中的某個(gè)值,也不會(huì)出問題,比如border:solid #ff0000也是允許的。但是這樣并不會(huì)顯示邊框,因?yàn)樯倭藢挾?。寬度?的情況下,邊框是不會(huì)顯現(xiàn)出來的。
下面使用兩種方法實(shí)現(xiàn)邊框。
【例題】設(shè)置邊框?qū)傩?/p>
<!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>
點(diǎn)擊加載更多評(píng)論>>