位置:首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > CSS > 問(wèn)題詳情

CSS3 外瑕修飾outline-off set

提問(wèn)人:劉團(tuán)圓發(fā)布時(shí)間:2020-11-19

outline-offset屬性對(duì)輪廓進(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>我的外輪廓沒(méi)有被偏移</div>

<div>我的外輪廓是被偏移的</div>

</body>

</html>

image.png

繼續(xù)查找其他問(wèn)題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部