分清ul和li的边界

接触代码时间刚1周，最近学到内外边距，在把外边距取值为0的时候，常常遇到设定padding为0了，但是两个表格中间任然留白的情况。

可发现标签“a、p、h4”的外边距都为0，但是标签“li”有些格格不入，任有留白的地方。通过F12查看。发现：

留白的地方为“ul”，因此在设置padding的时候，标签需要选择“ul”，修改如下：
边距问题是解决了，但是表格的问题有暴露出来，两个“li”中间的表格线没有了。当然这个问题比较简单，对要修改的标签重新编辑即可。

此时，我们发现第三、四排之间存在重复的横线，查询代码发现是ul和第一个il都出现了表格编辑的代码，因此再做一个代码删除他们直接任意一个横线即可：
完全体如上。
作为一个小白，在学习过程目前只能通过出现问题，排查问题，逐步解决的方式来做出需求，不知道是否有大神能通过更简单的代码，来做出上述的效果。

分清ul和li的边界相关推荐

html的ol和ul和li,HTML 列表元素OL、UL、LI
HTML 列表元素OL.UL.LI 称为有序清单标记.定义一个有序列表,其中可以包含一个或者多个标记来定义实际的列表项. 称为无序清单标记.定义一个无序列表,同样可以包含一个或者多个标记来定义实际 ...
用ul和li实现表格table效果（转）
用ul和li实现表格table效果,很多时候表格table的框架太死,而且代码太多,如你想加句话至少也要<tr><td></td></tr>说不一定外面 ...
DIV+CSS中标签ul ol li dl dt dd用法
ul ol li dl dt dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦! DIV ...
前端中全部盒子靠左对齐_图文详解ul中li内容垂直居中和水平居中的方法
在页面布局时,经常会用到li标签,它可用于列表,导航,选项卡等等,那你知道如何让ul中的li居中吗?这篇文章就和大家讲讲如何让ul中的li水平居中以及如何让li内容垂直居中.感兴趣的朋友继续往下看吧. ...
html5在li中添加按钮,如何在html5blank_nav()中的ul和li中添加类？
我尝试在ul li中添加类, 以及如何在html5blank_nav()使用html5blank模板时在ul和li上添加类.如果在html5blank_nav()使用html5blank模板, 如何在 ...
html循环自动点击事件,js循环遍历ul中li的点击事件，给给选中li添加css
功能:对于一个ul中固定的li个数,当点击其中一个li时,改变选中li的颜色:同时改变对应的另一个ul中li的颜色页面初始化的界面: HTML: 其他推荐: 10:21 10:22 10:25 10 ...
[HTML]去除li前面的小黑点,和ul、LI部分属性
[转] 对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除. [HTML]去除li前面的小黑点,和ul.LI部 ...
ul、li列表简单实用代码实例
利用ul和li可以实现列表效果,下面就是一个简单的演示. 代码如下: 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 ...
Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加：1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法
这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性. 首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其 ...

分清ul和li的边界

分清ul和li的边界相关推荐

最新文章

热门文章