-2

nav タグを 4 つの等しい部分 (正方形など) に分割し、それらに 4 つの異なる背景画像を追加したいと考えています。これが私のコードです：

<nav>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Feedback</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</nav>
4

1 に答える 1

2 
<style>
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;

}
a
{
display:block;
width:60px;



}
.img1{
background-image:url();
background-repeat:no-repeat;
}

.img2{
background-image:url();
background-repeat:no-repeat;
}

.img3{
background-image:url();
background-repeat:no-repeat;
}

.img4{
background-image:url();
background-repeat:no-repeat;
}


</style>
</head>

<body>
<ul>
<li><a href="#home" class="img1" >Home</a></li>
<li><a href="#news" class="img2">News</a></li>
<li><a href="#contact" class="img3">Contact</a></li>
<li><a href="#about" class="img4>About</a></li>
</ul>
于 2013-06-15T06:55:52.760 に答える