                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

边框设置问题

<title>边框</title>

<style type="text/css">

li{

border:2px dotted #ccc;

border-bottom:1px dotted #ccc;

}

</style>

</head>

<body>

<ul>

<li>别让不会说话害了你</li>

<li>二十七八岁就应该有的见识</li>

<li>别让不好意思害了你</li>

</ul>

</body>

这一段代码显示之后是只有最下面的边框变成了1px 那如何实现每一行文字下的边线都变成1px呢

Grush

2016-04-04

源自：初识HTML(5)+CSS(3)-升级版 12-10

关注问题我要回答

1359

操作

收起

6 回答

慕粉3126759 回答被采纳 +3 积分
2016-04-04

<title>边框</title>

<style type="text/css">

li{

border-width:1px 1px 0px ;

border-style:dotted;

border-color:#ccc;

}

#last{border:1px dotted #ccc;

}

</style>

</head>

<body>

<ul>

<li>别让不会说话害了你</li>

<li>二十七八岁就应该有的见识</li>

<li id="last">别让不好意思害了你</li>

</ul>

</body>

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

#1

Grush 提问者

非常感谢！

2016-04-05 回复有任何疑惑可以回复我~

#2

Grush 提问者

你可以在讲解一下为什么这么这只就可以实现了么

2016-04-05 回复有任何疑惑可以回复我~

#3

Zune 回复 Grush 提问者

border-width:1px 1px 0px ;这句意思是不设置底框，你的问题是看上去行与行之间两条线框重合了

2016-04-13 回复有任何疑惑可以回复我~

menghuanzhiyun
2016-05-22

这样应该能看清楚一点

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

忆_卿
2016-04-19

还看不清就加个 margin=10px;

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

忆_卿
2016-04-19

这不是代码的问题，是你的视觉问题，你把那两段代码随意换个颜色看就行了。

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

Roner
2016-04-11

你看错了，三行的下边框都是1px，只不过第二行的上边框是2px，给你造成的视觉上的错误

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

#1

慕的地7212579

为什么我打出来第三行比前两行窄？

2016-11-03 回复有任何疑惑可以回复我~

upcbobo
2016-04-04

li{

border-bottom:1px dotted #ccc;

}

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

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225792 人
解答问题 18234 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

2 回答设置边框？？

1 回答边框设置简写

3 回答关于设置边框样式

6 回答怎么设置边框的长度呢？

4 回答盒子模型单独设置边框

搜索更多本课相关问答

边框设置问题

我要回答关注问题

意见反馈帮助中心 APP下载