Question

表格边框做凹进去的效果css

这导航中间的分割怎么做

Answer 1

css:
a{background:(中间切1-2像素横向循环) repeat-x; }
a li{ float:left; background:(中间竖线) no-repeat left; }
a li a{display:block; padding-left:15px; padding-right:10px;}
<div ><img src=前边圆角切图 》</div>
<div class=a >
《ul>
<li style=background:none><a>名称</a></li>

<li><a>名称</a></li>
<li><a>名称</a></li>
</ul>

</div>
<div ><img src=后边圆角切图 》</div>

大体 应该 出来了，在根据自己需要调整一下 就OK了

追问

   

像你说的 左右两边圆角切成了图片   中间分割线也是图片  还是没整出来

追答

不是看你 弄出来了吗 ！我都给你写出来了，你就优化下样式 就 OK了 吗，

Answer 2

两步：
1、切图---用PS把图片切下来，线的宽高是多少，就切多大的图。
2、两句css搞定：
li{background:url(图片路径) left center no-repeat;padding:0 10px;}
望采纳。

Answer 3

家边框呗，可以实现的，希望能帮助到楼主，

Answer 4

2种方法

1.是图片（推荐）
在2个td中间加个td宽度给2px;在你的背景图片里面截2条1像素的图片吗，组合起来一条颜色浅点一条颜色深一点还可以加点渐变效果。(不推荐)
2.用css属性的边框，给左边的td加上 border-left:1px solid #颜色;右边的td加上border-right:1px solid #颜色;

Answer 5

2种方案:

1. td间加一个 宽度为2的td, 该td 背景为2条线做的图片;

2. 设置td的左边框颜色为深, 右边框为浅;

Answer 6

用背景图吧，