CSS精灵菜单按钮与CSS之间的间距

CSS精灵菜单按钮与CSS之间的间距,css,css-sprites,Css,Css Sprites,我有一个垂直CSS精灵菜单 我想在每个垂直按钮之间实现一个至少3像素的空间。 是否可以使用CSS创建此空间 或者是唯一可以使用所有按钮调整精灵大小并在CSS文件中设置所有新位置的选项?是的,这是可能的 假设每个按钮独立于其他按钮使用背景,您只需在每个按钮上添加边距: 例如: #menu li{ background: url(../urlToSprite) /* set positions elsewhere */ margin-bottom:3px; } 是的,它使用起来很简单,

我有一个垂直CSS精灵菜单

我想在每个垂直按钮之间实现一个至少3像素的空间。 是否可以使用CSS创建此空间

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

是的,这是可能的

假设每个按钮独立于其他按钮使用背景,您只需在每个按钮上添加边距:

例如:

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

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

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;
}

&从html中删除

嘿,有什么问题吗?图像是否被切断,或者您是否试图在元素之间创建空间?CSS无法更改图像。