CSS Sprite菜单按钮与CSS之间的空格

时间:2012-02-01 11:29:25

标签: css css-sprites

我有一个垂直的CSS精灵菜单。

我想在每个垂直按钮之间实现(例如)3像素空间。 是否可以使用CSS创建此空间?

或者是唯一一个用所有按钮调整Sprite大小并在CSS文件中设置所有新位置的选项?

2 个答案:

答案 0 :(得分:0)

是的,这是可能的。

假设每个按钮独立于其他按钮使用背景,您可以简单地在每个按钮上设置边距:

例如:

#menu li{
   background: url(../urlToSprite) /* set positions elsewhere */
   margin-bottom:3px;
}

答案 1 :(得分:0)

是的,它使用起来很简单但是markup的主要问题。写得像这样:

ul#menu {
    clear: both;
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#menu li {
    margin-bottom: 3px;
    margin-right: 10px;
    overflow: hidden;
    text-indent: -9999px;
}

&安培;从<br>

中删除html