给li加下边框的问题

梵 2013-01-07 03:39:30

前面的点就是li默认会有的，怎么使边框连那个点也套进去？
只要下边框。
效果应该是每一个li底部都有一条1px的线条，线条的前端超过圆点前面1px，后端超过字5px。四个字为一排，当字数超过四个字后自动换行。

这个css要怎么写？

...全文

742 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

梵 2013-01-10

打赏
举报

最后还是把点去了，然后自己放了张图上去= = 其实用Menu的img也行，但是那个不好控制items的点击事件，最后还是用的ul <ul> <li><img src="xx">xx</li> </ul>

jiesiting 2013-01-07

打赏
举报

引用 1 楼 jiesiting 的回复:

list-style-type：none 可以去掉，至于怎么去掉，暂时还不清楚; 边框问题的话，设置li：border-top border-right border-left 为none就行了

说错了，至于怎么移动，还不知道

jiesiting 2013-01-07

打赏
举报

list-style-type：none 可以去掉，至于怎么去掉，暂时还不清楚; 边框问题的话，设置li：border-top border-right border-left 为none就行了

酷窗版演示：http://www.edd8.com/bbs/index.asp?style=0 简装版演示：http://www.edd8.com/bbs/index2.asp 一点点论坛（http://www.edd8.com/bbs）使用说明欢迎大家下载使用一点点论坛，在使用论坛前，请认真阅读以下内容： ===================================== 论坛：一点点论坛（http://www.edd8.com/bbs）主页：一点点星空驿站（http://www.edd8.com/）站长：叮咚虫（e_Mail:b_li@163.com）版本：EDD8 Ver.2003 for DV ===================================== 　　一点点论坛是建立在动网论坛基础上的ASP互动论坛，从动网Var5.b109开始论坛结构便开始脱离动网，与动网升级一起，本论坛本身也同时实现了动网新的功能，到519的发布，本人常得论坛本身已功能基本完善，所以决定与动网完全脱离，到动网Final的出现，本论坛也决定不再跟随动网升级了，本人全面对原来的论坛进行了代码优化和版面重排，并升级了部分功能代码，完成了现在这样的论坛。使论坛已经完全脱离了动网，以后也不可以随动网一起升级了！　　所以选择本论坛的朋友请先明白，如果采用了本论坛的数据结构，以后就不可以和动网一起升级了，而现有的动网Final版的数据库和本论坛的数据库也是不兼容的！对于动网V5.b519的用户，本人同时在压缩包里提供了升级文件，可以把你519的数据库升级成和本论坛一致的数据结构！　　由于一些朋友催得较急，部分功能还是没有完善的（但不会出错），我以后也会给出升级包的。所以决定使用本论坛的朋友，请一定要到本站论坛的“站务办公室”进行指定的留言签名，以好我第一时间通知大家升级！　　论坛中使用到的部分插件并没有一同奉上，原因是我还没完成代码优化，请过几天到我的论坛上下载。可以下载的插件主要有：社区银行、网络拳皇、可乐吧台球、五子棋等等…… ===================================== 主要特色功能说明： ◎ 双版面设计，用户可以根据不同爱好选择不同的版式（酷窗版和精简版），系统会记录用户的选择，不用重复选择，也不会出现版面混淆等现象； ◎ 发贴回贴互动功能，给用户随机的互动事件，增加用户的参与兴趣； ◎ 增强的UBB代码和JS代码，新增的买卖贴、定时贴等十几种特色功能UBB代码； ◎ 贴子功能加强，增加互动鲜花、鸡蛋、金钱、炸弹等功能，并保存数据作为用户在论坛的人缘依据； ◎ 不好说了，等你去发掘吧，不然又说我叫卖了…… ====================================== 安装说明：解压就可以了，数据库名称和路径有变动时不要忘了在CONN。ASP中进行相应修改。（注意：当论坛中一个贴子也没有时，论坛明星会出错，但当你加入贴子后就正常了，大家不要惊慌）升级：（对519），解压后把你的原519数据库覆盖现数据库，再执行根目录下的UPDATE。ASP文件就行了，如果没有升级成功的提示，说明你的数据不能进行升级！（注意：数据库的升级应做了备份，并在本机上进行！） ====================================== 最后一点说明：由于论坛本来是打算自己用的，所以在设计的过程中部分变量已经去掉，不能从后台设置了（如表格边框），请大家最好保持现有的风格。如果还不问题，可以到我的论坛上来交流。??注意，由于本人时间不限，技术支持是有限的，请不要过于强求！

在我们写东西的时候经常要用到ul,但是也经常会出现li边框重合的问题，如下图：可以看到每个格子的右边框和下边框明显有边框重合现象，这样很影响美观。解决这个问题：只要给每个li设置css属性 margin：0 0 -width -width 就可以了,其中的width是我们给li设置的边框宽度; 然而单单只设置margin属性有个小bug，那就是当我们鼠标滑过li要显示边框效果时会出现这个...

鼠标经过当前li，更改当前li的上边框颜色，使用到排他思想。

margin设为负数

CSS3新增的:not()伪类选择符，匹配不含有选择符的元素。假定有个列表，每个列表项都有一条底边线，但是最后一项不需要底边线，案例如下：使用:not() 最后一行li不添加边框/*使字体在所有设备上都达到最佳的显示*/html {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;text-renderin...

CSS

61,115

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章