CSS 外輪廓屬性簡(jiǎn)寫(xiě)outline
outline簡(jiǎn)寫(xiě)屬性在一個(gè)聲明中設(shè)置所有外輪廓的屬性,可以按順序設(shè)置如下屬性:
? outline-width;
? outline-style;
? outline-color;
如果不設(shè)置其中的某個(gè)值,也不會(huì)出問(wèn)題,比如outline:solid #ffOOOO也是允許的。但是這樣并不會(huì)顯示外輪廓,因?yàn)樯倭藢挾?。寬度?的情況下,外輪廓是不會(huì)顯現(xiàn)出來(lái)的。
下面使用兩種方法實(shí)現(xiàn)外輪廓。
【例題】設(shè)置外輪廓屬性
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.outline1{
width: 200px;
height: 200px;
outline-width: 20px ;
outline-style:solid ;
outline-color:red ;
}
.outline2{
width: 200px;
height: 200px;
outline:solid green 20px;
}
</style>
</head>
<body>
<div></div>
<div></div>
</body>
</html>
點(diǎn)擊加載更多評(píng)論>>