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
After 3G and 4G have successively gone from unfam...
Since 1994, there have been 12 versions of Blueto...
The national "number portability" servi...
The booming development of digital technology has...
After taking the lead in the world in 5G network ...
In December last year, the tribe shared informati...
When you use WiFi at home to play games, you alwa...
The three major operators have already commercial...
In the modern Internet era, the highest productiv...
Earlier this month, we shared the news about Shar...
An API is often referred to as a front door for a...
According to foreign media, Ericsson has reached ...
CMIVPS recently launched a new VPS host in the US...
1. Layering of computer networks In the computer ...
Anhui Sino-Australian Vocational College of Scien...