样式显示问题

XPingguo 2010-12-25 05:33:44
源代码如下:

<ul>
<li>首页</li><li>社会</li><li>体育</li><li>文化</li>
</ul>


要的效果如下
首页 ┆ 社会 ┆ 体育 ┆ 文化


每个链接之间都有一个分隔图片,能用CSS实现吗
之前的做法是,在每个链接有一个背景图,显示如下

┆ 首页 ┆ 社会 ┆ 体育 ┆ 文化

这样不理想,首页左面多了一个分隔图片
...全文
62 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
beyond_me21 2010-12-27
  • 打赏
  • 举报
回复
设置li的背景为1px的竖线背景位置左对齐,并要设定ul的overflow:hidden,li的margin-left:-1,
ll61958 2010-12-27
  • 打赏
  • 举报
回复
可以对li设置左或着右边框第一个或者最后一个特殊处理一下,边框用dashed
wave510687688 2010-12-27
  • 打赏
  • 举报
回复
<ul>
<li>首页 ┆</li><li>社会 ┆</li><li>体育 ┆</li><li>文化 ┆</li>
</ul>
XPingguo 2010-12-27
  • 打赏
  • 举报
回复
并不想这样
y2012 2010-12-26
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 daidaomei 的回复:]

你把┆设置一个li标签中,
[/Quote]
+1
daidaomei 2010-12-26
  • 打赏
  • 举报
回复
你把┆设置一个li标签中,
XPingguo 2010-12-25
  • 打赏
  • 举报
回复
ul设置背景图,怎么行,li的数量会变,不是定长
十一文 2010-12-25
  • 打赏
  • 举报
回复
对ul设置 背景图啊

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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