做不出十字架的效果呀

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div{
            /*此处写代码*/ 
 width:50px;
            height:50px;
            background-color:red;
            outline: 34px dotted #fff;
            outline-offset:-20px;
        }
    </style>
</head>
<body>
<div></div>
</body>
</html>

吃饭也是第一名 2017-11-27

源自：CSS3用户界面 1-5 编程练习

29

收起

2回答

提问者吃饭也是第一名 2017-11-27 16:15:12

调过了最多只能这样

樱桃小胖子 #1

这是对的，没有呈现规则的十字架是因为浏览器版本解析的原因造成的，目前阶段，实现效果呈现这样，思路、代码没有问题即可，祝学习愉快~

2017-11-27 16:47:13

怎么都被占用了呢 2017-11-27 14:43:35

这个值需要在控制台慢慢调试，才能找到最合适的

相似问题

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

怎么实现十字架....

本小节代码敲完后出现的问题（效果没出来）

效果图c的输出什么意思，我的代码c的输出和效果图为什么不一样？

16位unicode字符组成的字符序列

登录后可查看更多问答，登录/注册

HTML5&CSS3进阶与常用框架 2018

参与学习 315 人
提交作业 136 份
解答问题 626 个

如果你有H5、CSS3、JS基础，热爱前端并希望在前端应用方面不断进步，那就来吧，本路径为你带来的课程有HTML5进阶、CSS3进阶、JS面向对象、jQ基础、Less等，助你进一步提升前端开发技能

本课精华内容

问答作业

db.transaction is not a function

61 10

考试机会用完了会怎样

10 9

3-9插件哪错误了？

22 9

这个函数不是很明白

49 8

clearRect（）方法无法清空曲线

165 8

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号