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
Edge computing market prospects and valuations Ed...
LOCVPS (Global Cloud) has announced the Double 11...
It's been a long time since there's been ...
2018 has passed. This year was a year of hard wor...
ZJI has newly launched Taiwan CN2 line servers, a...
[[189512]] Provincial government advisor Zhang Zu...
The Internet of Things is more than just an explo...
Airtable, an overseas multi-dimensional spreadshe...
[[354426]] 【51CTO.com original article】 HTTP Begi...
Recently, the net increase in 5G package users of...
UDP (User Datagram Protocol) protocol, translated...
[[343834]] I have tried According to statistics f...
From the early "863" and "Core Hig...
1 RF devices are the core foundation of wireless ...
The chart above is a snapshot taken from the send...