挨着的两条线成为一条 css怎么写
2个回答
展开全部
一般出现挨着的两条线,是因为左右或者上下2个标签都带有边框导致的,只要取消其中一个标签与另一个标签相邻那边的边框就可以了。
以左右相邻为例:
HTML代码:
<p>我是左边</p>
<p>我是右边</p>
CSS代码:
p{
float: left;
width: 200px;
height: 200px;
line-height: 200px;
text-align: center;
border:1px solid #ccc;
}
p:first-child{
/* 将第一个p标签,也就是左边的P标签的右边框设置为none。 */
border-right: none;
}
浏览效果:
从运行结果可以看出,由于将左边的P标签右边框设置为none,2个标签左右相邻处就只有一个边框咯。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询