作业问题。试了所有outline的边框样式无法画出十字架

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
   <title>Document</title>
   <style>
       div{
          width:300px;height:300px;background: red;
          border-right:100px solid #f0f;
          /*outline-offset:-100px;*/
       }
   </style>
</head>
<body>
   <div></div>
</body>
</html>

慕虎5948952 2017-08-31

源自：CSS3用户界面 1-6 nav-index

收起

5回答

慕后端0232411 2018-01-06 12:06:22

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>Document</title>
<style>
  div{
     /*此处写代码*/
     width:100px;
     height:100px;
     background:red;
     outline:35px dashed #fff;
     outline-offset:-35px;
  }
</style>
</head>
<body>
<div></div>
</body>
</html>

收起回答

怎么都被占用了呢 2017-10-18 13:52:32

你是使用的火狐浏览器测试的吗？建议使用谷歌浏览器测试一下

收起回答

一路电光带火花 2017-10-18 11:17:34

<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div{
          width:300px;height:300px;background: red;
          /*border-right:100px solid #f0f;*/
          outline-offset:-100px;
          outline: 100px dotted #fff;
        }
    </style>
</head>
<body>
    <div></div>
</body>
</html>

我测试了是十字啊

收起回答

提问者慕虎5948952 2017-08-31 20:08:37

收起回答

小丸子爱吃菜 2017-08-31 16:23:57

 <style>
        div{
          width:300px;height:300px;background: red;
          /*border-right:100px solid #f0f;*/
          outline-offset:-100px;
          outline: 100px dotted #fff;
        }
    </style>

可以参考上面的代码。

祝学习愉快！

收起回答