课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
li{
border:5px dotted #ccc;
width:200px;height:30px;
border-bottom:10px;
}
我改变下边框结果如图,下边框消失了
2020-03-04
源自:初识HTML(5)+CSS(3)-升级版 12-7
正在回答
你这是语法错误了,加边框就是加边框,下边框就是下边框,你想在边框中实现下划线,你可以试试下划线是命令
text-decoration:underline
楼上正解,说的对,三行文字都是有上边框线没有下边框线的,只不过是用眼睛看上去好像上边两行有下边框线,实际上那两条框线是下边两行的上边框线
第一行 border:5px dotted #ccc; 围着文字设置了一圈灰色虚线。
第三行 border-bottom:10px; 你又重新设置了所有文字底部的虚线,但没有设置样式和颜色。
把第三行重写为 border-bottom:10px dotted #ccc;你就可以看到新的底部虚线了。
设置边框与文字之间的距离应该用 padding 。
可以在第四行加个 padding:20px;
具体的可以看 11-7。
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
3 回答内容与边框距离问题
4 回答为什么把.food>li{border:1px solid red;}中的li改为ul边框消失了
7 回答设置border blue命令后,除了边框变了颜色,里面的文字也变了,为什么
1 回答为什么用display:inline改为内联后,边框还变小了
1 回答为什么第一个box1打上边框,box2里面的文字也会打算边框?