首页 > 软件操作教程 > 编程开发 > CSS
题目内容

CSS3 外瑕修饰outline-off set

题目答案

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>

image.png

网友评论(共0条评论)

请自觉遵守互联网相关政策法规,评论内容只代表网友观点!

最新评论

点击加载更多评论>>

软件操作 新人注册送三重礼

已有 22658 名学员学习以下课程通过考试

相关视频试题

最需教育客户端 软件问题一手掌握

去 App Store 免费下载 iOS 客户端