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

盒子模型单独设置边框

对于多个相同的块状元素，如何只对其中的某一个单独进行设置边框

如

p{？？？？？？？}

<ul>

<p>aaaaa</p>

<p>bbbbb</p>

<p>ccccc</p>

</ul>

上述代码运行出来之后，只有aaaaaa有下边框，其余没有，该如何填写

慕田峪4217366

2017-12-20

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

关注问题我要回答

2584

操作

收起

4 回答

一只灵兽回答被采纳 +2 积分
2017-12-20

<style>

.first{border-bottom:1px dashed red;}

</style>

<ul>

<p class="first">aaaaa</p>

<p>bbbbb</p>

<p>ccccc</p>

</ul>

利用.类选择器

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

#1

慕田峪4217366 提问者

非常感谢！

2017-12-21 回复有任何疑惑可以回复我~

wu_cit
2018-01-19

还可以有伪类选择器的做法

ul:first-child:p{border-bottom:1px dashed red;}

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

张鹏同学
2018-01-14

<style>

.first{border-bottom:1px dashed red;}

</style>

<ul>

<p class="first">aaaaa</p>

<p>bbbbb</p>

<p>ccccc</p>

</ul>

<style>

#first{border-bottom:1px dashed red;}

</style>

<ul>

<p id="first">aaaaa</p>

<p>bbbbb</p>

<p>ccccc</p>

</ul>

<ul>

<p style="border-bottom:1px dashed red;">aaaaa</p>

<p>bbbbb</p>

<p>ccccc</p>

</ul>

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

精慕门4095977
2017-12-20

111

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

举报

0/150

提交

取消

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

参与学习 1225284 人
解答问题 18230 个

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

本课相似问答

2 回答盒子模型——边框问题

1 回答盒模型边框的位置

7 回答盒模型边框

7 回答盒子模型的padding设置

4 回答盒子模型设置padding值

搜索更多本课相关问答

盒子模型单独设置边框

我要回答关注问题

意见反馈帮助中心 APP下载