CSS list style | CSS list tutorial HINDI AND ENGLISH | Easy CSS |
Easy Technica
= VIEDO ABOUT=
HTML Lists and CSS List Properties
In HTML, there are two main types of lists:
unordered lists (ul) - the list items are marked with bullets
ordered lists (ol) - the list items are marked with numbers or letters
The CSS list properties allow you to:
Set different list item markers for ordered lists
Set different list item markers for unordered lists
Set an image as the list item marker
Add background colors to lists and list items
List-style
ul.a {
list-style-type: circle;
}
ul.b {
list-style-type: square;
}
ol.c {
list-style-type: upper-roman;
}
ol.d {
list-style-type: lower-alpha;
}
Remove Default Settings
The list-style-type:none property can also be used to remove the markers/bullets. Note that the list also has default margin and padding. To remove this, add margin:0 and padding
Styling List With Colors
We can also style lists with colors, to make them look a little more interesting.
Anything added to the (ol) or (ul) tag, affects the entire list, while properties added to the (li)tag will affect the individual list items:
ul { background: #3399ff; padding: 20px;}ol li { background: #ffe5e5; padding: 5px; margin-left: 35px;}
#padding
#margin
#CSSLISTSTYLE
#liststyle
#HOWTOADDCSSLISTSTYLe
=CHANNEL ABOUT=
Simply learn Html
Learn Html
Easy Html Learn
All Topic Teach Html
Free Of Course Learn Html
Hindi Html Learn
Practical Html Learn
PPT Learn Html
Sublime In practical
PART:=30
LINK:= • Styling Links | Link Buttons| How To Add I...
HTML LIST :-
Downlod sublime: =
=https://www.sublimetext.com/
= FOLLOW ON =
Follow instagram
/ easytechnica
Follow facebook:
/ abhay.shiroya
Follow twitter:
/ easytechnica
Follow telegram:
@Easy technica
LIKE !!
Subscribe youTube : Easy Technica
Share AND
Comment (your review)
THANK YOU SO MUCH BY LEARN VIEDO !!