Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Заголовок документа</title> <style> li:nth-child(odd) { background: #1c87c9; cursor: progress; width: 50%; padding: 5px; } li:nth-child(even) { background: #ccc; cursor: pointer; width: 50%; padding: 5px; } </style> </head> <body> <p>Наведите курсор мыши на элементы, чтобы увидеть как меняется курсор:</p> <ul> <li>Элемент списка 1</li> <li>Элемент списка 2</li> <li>Элемент списка 3</li> <li>Элемент списка 4</li> <li>Элемент списка 5</li> <li>Элемент списка 6</li> <li>Элемент списка 7</li> </ul> </body> </html>