CSS3 外瑕修飾outline-off set
提問人:劉團(tuán)圓發(fā)布時間:2020-11-19
outline-offset屬性對輪廓進(jìn)行偏移,并在邊框邊緣進(jìn)行繪制。輪廓在兩方面與邊框不同:輪廓不占用空間;輪廓可能是非矩形。
【例題】使用outline-offsei^ft#
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
width: 200px;
height: 100px;
outline:2px solid black;
margin:60px;
}
.d1{
background: red;
}
.d2{
background: greenyellow;
outline-offset: 10px;
}
</style>
</head>
<body>
<div>我的外輪廓沒有被偏移</div>
<div>我的外輪廓是被偏移的</div>
</body>
</html>
繼續(xù)查找其他問題的答案?
相關(guān)視頻回答
點擊加載更多評論>>