html怎么在li中间加隔开线

答案:3 悬赏:50

解决时间 2021-01-10 17:11

提问者网友：爱了却不能说
2021-01-10 10:29

html怎么在li中间加隔开线

最佳答案

二级知识专家网友：街头电车
2021-01-10 12:04

1、打开编辑测试的软件，设置一个div区域，li标签因为默认的需要换行，所以需要设置一个浮动点，float:left;使其靠左浮动对齐；主要代码如下：


        li标签右边框
        li标签右边框
        li标签右边框
        li标签右边框

详解：设置一个宽度：100%，高度为30px的区域，再次设置一下背景颜色与字体颜色，使其区分开；
设置一个ul宽度，让其在div区域中居中对齐；
最后也是最关键的li标签设置：宽度180px高度同样30px；靠左浮动float:left; list-style-type:none;去除左侧的点，然后使字体居中对齐center;最后设置li标签的分隔线，这里用边框属性就可以实现此功能；border-right:1px solid #FFF;   border是边框默认的是四周；border-right在li标签右侧添加边框也可以理解为分割线：solid为分隔线的样式；#FFF为分隔线的颜色；
2、网页中实现的效果为：

全部回答

1楼网友：我住北渡口
2021-01-10 14:00

border-right:1px solid #999;

2楼网友：过活
2021-01-10 13:16

border-right:1px solid #00000;
border：边框
border-right: ：边框-右边
1px solid #00000：边框宽度, 边框样式,边框颜色
建议看一下HTML+CSS视频教程更加容易理解
百度一下 “Web易学” 上面有HTML+CSS视频教程

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息！