First we'll look at the unordered list:
We all know that unordered lists are usually replaced with small dots, but sometimes it's not nice to use small dots, and in order to increase aesthetics, there are several ways to style design in CSS styles first: Of course, the default dot in the unordered list
The second kind: The small dot is changed to a small square display
The Third Kind: is to change the small dot to the hollow circle display
The fourth kind: is the small round point to remove, this should be more commonly used.
The fifth kind: is also not very commonly used, is the unordered list programming has the sequence table the method, precedes adds the number
Now let's take a look at the complete code for the five styles of CSS:
<!doctype html>This is a relatively simple code, let's first look at the display in the browser:
All five of these effects are shown. Isn't it simple? (Want to see more CSS style knowledge, go to TOPIC.ALIBABACLOUD.COMCSS Reference Manual section Study)
Now let's talk about CSS's summary of the list style:
List-style-image:url image address attributes use images to replace the tags of list items;
The List-style-position property sets where the list item tag is placed, and the value of the inside: placed within the text.
List-style Compound notation
The last kind of this is now more commonly used, if you do not want to write too much code, you can use this kind of writing, simple to complete these we look at an example:
<style type= "Text/css" >.zhe1,.zhe2,.zhe3,.zhe4,.zhe5{list-style:none;} </style>This CSS style, plus this, will be able to remove the unwanted things, but also to write other properties, this is what we look at the effect of it:
The effect is very obvious is not, we have to remove these lists, of course, this is only the most basic of the wording, but also to write other property styles, so as to show that save more time.
Well, here's a summary of the CSS list style. Questions can be asked at the bottom.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
