老师，您好！请问一下，为什么第四个紫色的double属性值无效，还是显示单线啊？

源自：盒子模型 3-17 编程练习

收起

3回答

好帮手慕码回答被采纳获得+3积分 2019-05-14 09:56:55

同学你好！

是生效的哦~
因为第四个紫色的border-width设置thin，定义细的边框，所以double效果不明显。

这里可以给border的宽度宽一些就可以看出来了

如果帮助到了你欢迎采纳祝学习愉快~

提问者慕慕5118361 2019-05-13 19:32:45

<!DOCTYPE html>

<html>

<head>

<title>border属性</title>

li{width:200px;height:50px;}

/*补充样式*/

.li1{border-top:medium solid red;}

.li2{border-right:medium dotted green;}

.li4{border-top:medium dashed blue;

border-left:thin double purple;}

.li5{border:medium solid yellow;}

</style>

</head>

<body>

<ul>

<li class="li1">第一个li</li>

<li class="li2">第二个li</li>

<li class="li3">第三个li</li>

<li class="li4">第四个li</li>

<li class="li5">第五个li</li>

</ul>

</body>

</html>

好帮手慕码 2019-05-09 11:19:34

同学你好！
建议粘贴代码到问答区进行提问哦，这样老师可以快速的帮同学分析问题~

如果帮助到了你欢迎采纳祝学习愉快~

提问者慕慕5118361 #1

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>border属性</title> <style type="text/css"> li{width:200px;height:50px;} /*补充样式*/ .li1{border-top:medium solid red;} .li2{border-right:medium dotted green;} .li4{border-top:medium dashed blue; border-left:thin double purple;} .li5{border:medium solid yellow;} </style> </head> <body> <ul> <li class="li1">第一个li</li> <li class="li2">第二个li</li> <li class="li3">第三个li</li> <li class="li4">第四个li</li> <li class="li5">第五个li</li> </ul> </body> </html>

2019-05-13 19:31:33
提问者慕慕5118361 #2

请忽略，我重新提问吧，没想到贴到这里没格式了。。。

2019-05-13 19:32:28