老师，这个代码是看得别的同学的写的，不明白为什么-137会突然变成十字，其他都理解
来源：1-6 编程练习
王一宏
2020-04-19 00:25:43
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
/*此处写代码*/
background-color:blue;
width:200px;
height:200px;
margin:100px auto;
outline:50px solid red;
outline-offset: -137px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
写回答
1回答
-
好帮手慕夭夭
2020-04-19
你好同学，图形还是要靠观察才能去理解。建议同学慢慢的改变值，看看有什么规律，在正值的时候是什么样的，负值的时候是什么样的，什么时候有了明显的变化。这样就能总结它变化的规律。
outline-offset就是设置outline（轮廓）的偏移的，可以在浏览器中按F12 ,进行调试，操作如下：
然后点击outline-offset属性值，这样按键盘上下键或者滚动鼠标滚轮就能对值进行修改，如下：
当设置为负值的变化过程中，轮廓是往内偏移值的，当小到轮廓把中间的白色都遮盖，就会变成一个红色方框，方框再继续缩小，就会变成一个十字：
像图形方面不能只思考，要动手操作一下，看看它自身变化的规律，这样就明白了哦。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题