outline-offset属性对轮廓进行偏移,并在边框边缘进行绘制。轮廓在两方面与边框不同:轮廓不占用空间;轮廓可能是非矩形。
【例题】使用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>
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>