老师你好,没想出来div红轮廓白怎么实现,我用div白轮廓红实现了,这样可以吗

来源:1-6 编程练习

二十二灬小哥

2018-04-05 17:25:10

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        *{
            margin:0;
            border:0;
            padding:0;
        }
        div{
           /*此处写代码*/
           width:100px;
           height:100px;
           background:white;
           margin:200px auto;
           outline:100px solid red;
           outline-offset:-133px;
        }
    </style>
</head>
<body>
    <div></div>
</body>
</html>

http://img.mukewang.com/climg/5ac5eb090001526b08660481.jpg

在chrome上实现的。火狐和chrome对outlinede解析不一样,火狐是从左上角移动,chrome是从中心向四周移动。好无奈。

写回答

1回答

樱桃小胖子

2018-04-06

每一种效果实现的方法都不为唯一,能够实现效果即可,

继续加油哦~

0

0 学习 · 5012 问题

查看课程