1. ConceptThe CSS list properties are as follows: Set different list item markers to ordered lists. Set different list item markers to unordered lists. Set list item markers to images. 2. What are the types of lists?List of types:
Using CSS, lists can be styled further and images can be used as list item markers. 3. Common ul ol list item tagsThe list-style-type property specifies the type of list item marker:
IV. Image browser compatibility solution for ul ol list item tagsTo specify an image for a list item marker, use the list-style-image property. In all browsers, the following example will display the image tag:
Code Analysis
5. Expansionul ol list abbreviation attribute All list attributes can be specified in a single attribute. This is called an abbreviation attribute. To use the shorthand properties for lists, set the list style properties as follows:
If using abbreviations the order of attribute values is: ①list-style-type. ②list-style-position. ③list-style-image. If one of the above values is missing, it's OK as long as the rest are in the specified order. VI. ConclusionThis article is based on HTML basics. This article mainly introduces the common HTML ul ol lists and common list marker icons. For the problem of browser compatibility with list images, a series of solutions are provided. Finally, relevant knowledge is expanded and code is optimized. I hope it can help you learn. This article is reprinted from the WeChat public account "IT Sharer", which can be followed through the following QR code. To reprint this article, please contact the IT Sharer public account. |
<<: Ericsson signs 5G SA agreement with Spanish telecom operator Masmovil
On June 6, 2019, the Ministry of Industry and the...
Sharktech, also known as SK Data Center or Shark ...
[Nanjing, China, August 18, 2020] Today, at a pre...
The global deployment of 4G and 5G is faster than...
HostDare has launched a new promotion for the Los...
[[354214]] Organizations implementing long-term r...
iONcloud has released a special offer for the Yea...
The new 5G network will transform many industries...
Coinciding with the Chinese New Year, RAKsmart ha...
PacificRack has launched new products. The word &...
It's been a long time since I shared informat...
Businesses are rethinking risk management and sof...
Recently, Latif Ladid, chairman of the National I...
AkkoCloud is a business that mainly provides CN2 ...