排列菜单图像

Question

我是html / css的新手。

我想为具有代表性图像的wordpress构建菜单html / css

图像没有按照自己的意愿排列......我只看到其中的3/4

这是链接

http://test.dac-proiect.ro/wp/

这是css代码

    .home3
{
background-image: url(img/HOME.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 30px;

}
.expertiza
{
background:url(img/HOME.png)no-repeat;
width:186px;
height:48px;
}

.menu
{
list-style-type: none;
}
.menu li
{
display:inline;
}

Answer 1

添加background-position和background-size

.home3 {
background-image: url(img/HOME.png);
background-repeat: no-repeat;
background-position: left top;/*add this*/
padding-left: 30px;
background-size: 32px 32px;/*add this*/
}

.expertiza {
background: url(img/HOME.png)no-repeat;
width: 186px;
height: 48px;
background-position: left top;/*add this*/
background-size: 32px 32px;/*add this*/
padding-left: 32px;/*add this*/
}