为了账号安全,请及时绑定邮箱和手机立即绑定

想使用border改变边框与文字的距离,打出代码后边框却消失了,这是为什么?

li{

    border:5px dotted #ccc;

    width:200px;height:30px;

    border-bottom:10px;

}

我改变下边框结果如图,下边框消失了

http://img1.sycdn.imooc.com//5e5f99300001222e05420252.jpg

正在回答

3 回答

你这是语法错误了,加边框就是加边框,下边框就是下边框,你想在边框中实现下划线,你可以试试下划线是命令

text-decoration:underline

1 回复 有任何疑惑可以回复我~

楼上正解,说的对,三行文字都是有上边框线没有下边框线的,只不过是用眼睛看上去好像上边两行有下边框线,实际上那两条框线是下边两行的上边框线

0 回复 有任何疑惑可以回复我~

第一行  border:5px dotted #ccc;     围着文字设置了一圈灰色虚线。

第三行  border-bottom:10px;   你又重新设置了所有文字底部的虚线,但没有设置样式和颜色。

把第三行重写为  border-bottom:10px dotted #ccc;你就可以看到新的底部虚线了。

设置边框与文字之间的距离应该用 padding 。

可以在第四行加个  padding:20px;

具体的可以看 11-7。





3 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

想使用border改变边框与文字的距离,打出代码后边框却消失了,这是为什么?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信