Page 51 - Trackpad_V1_Book 7_Flipbook
P. 51
LIST WITH CSS
We can make a list attractive using CSS properties. The default type of the bullet that appears in
an unordered list is a disc.
Property Value Description
list-style-image url Set a picture or image as a list item
list-style-position inside, outsides Specify the position of list item
list-style-type disc, circle, square, none Specify the style of bullets for list item
The syntax for using the list-style-type property is: <UL Style = "list-style-type:value">
Write HTML codes by using properties of CSS.
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE> List</TITLE></HEAD>
<BODY>
<H2>Types of Pollution:</H2>
<UL style="List-style-Type:Square">
<LI>Air Pollution</LI>
<LI>Water Pollution</LI>
<LI>Noise Pollution</LI>
<LI>Soil Pollution</LI>
</UL>
</BODY>
</HTML>
Subject: Create a line break
To create a line break, we can use <LI> tag which automatically creates a line
break. We can also put paragraph, line breaks, images, links, other lists, etc.
within this list.
Lists and Tables in HTML5 49

