Computer scienceFrontendCSSBasic propertiesSpecific properties

List style

Theory

Application

Report a typo

The list below shows the top 10 technology companies in 2020. As you can see, the list has the default marker, so let's change it to an image. Use the list-style property to change the position to inside and for the image use this url: 'https://findicons.com/files/icons/1620/crystal_project/16/agt_web.png'. You don't need to set the type.

Write HTML and CSS code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tech Companies</title>
</head>
<body>
<p>Top 10 Tech Companies of the world in 2020</p>
<ul>
<li>Apple</li>
<li>Microsoft</li>
<li>Samsung</li>
<li>Alphabet</li>
<li>AT&T</li>
<li>Amazon</li>
<li>Verizon</li>
<li>China Mobile</li>
<li>Walt Disney</li>
<li>Facebook</li>
</ul>
</body>
</html>

Completed 1 of 2
The <ul> tag has the correct list-style value.
The code is valid
___

Create a free account to access the full topic