Tek yapmanız gereken aşağıdaki html kodlarını yapıştırmanız ve içeriğini istediğiniz şekilde değiştirmek olacaktır.
odd tek numaralı, even ise çift numaralı liste nesnesi içindir. Bu şekilde istediğiniz özellikleri uygulayabilirsiniz.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
ul {
list-style: none;
border: 1px solid black;
padding: 0px;
margin: 0px;
}
li {
padding: 10px;
}
li:nth-child(odd) {
background-color: white;
}
li:nth-child(even) {
background-color: gray;
}
</style>
</head>
<body>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque lectus vitae dui sollicitudin commodo.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque lectus vitae dui sollicitudin commodo.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque lectus vitae dui sollicitudin commodo.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque lectus vitae dui sollicitudin commodo.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque lectus vitae dui sollicitudin commodo.</li>
</ul>
</body>
</html>