盒子模型4-7编程练习

首页课程实战体系课手记专栏慕课教程

盒子模型4-7编程练习

来源：4-7 编程练习

soso_crazy

2018-07-08 21:14:51

<!DOCTYPE html>

<html>

<head>

<title>display属性</title>

/*样式补充*/

.big{background-color:gray;margin:auto;width:100px;}

h3{text-align:center;margin:10px;}

.div1{border:1px solid;}

.div2{border:1px solid;}

.div3{border:1px solid;}

.elec{background-color:white;margin:0}

.wash{background-color:white;margin:0;}

.clothes{background-color:white;margin-bottom:0;}

li{display:none;line-height:2em;}

.div1:hover li{display:block;}

.div2:hover li{display:block;}

.div3:hover li{display:block;}

</style>

</head>

<body>

</ul>

</div>

</ul>

</div>

</ul>

</div>

</body>

</html>

如何令列表的文字居中？为什么边框对比起效果图看起来这么粗？

写回答

1回答

妮可妮可妮_

2018-07-09

使文字居中,需要设置text-align:center;边框看起来粗是因为两个三个div的边框,比如:第一个的下边框和第二个的上边框重叠在一起了,建议参考下图所示思路修改代码:

0 学习 · 36712 问题

查看课程

相似问题

盒子模型 4-5 编程练习答案

回答 4

盒子模型4-7编程练习

回答 1

盒子模型3-19编程练习

回答 1

盒子模型3-32选择题

回答 8

盒子模型4-7编程练习批改

回答 3

打开慕课网App查看更多内容