Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of "how CSS removes the list of ul ol li". The editor shows you the operation process through an actual case. The method of operation is simple and fast, and it is practical. I hope this article "how to remove the list of ul ol li by CSS" can help you solve the problem.

Generally speaking, in the construction of a web page, CSS should remove the list-style tricks of the list of ul ol li, and it is also to be compatible with major hunters, and cancel the list tag to acquiesce in list-style.

Cancel the list-style format code for ul li ol:

Ul,ol,li {list-style:none}

Configure dots in front of the list on the web page, and then configure Background background pictures on li.

1. Instance code

Ul li layout instance-www.CSS5.com ul, ol, li {list-style: none;margin:0; padding:0;normal;font:14px/24px Arial} pattern one content, two forms three

2. Mark

In order to drop the default list-style style of li ul ol, at the same time set the equipment mragin and padding to 0, the font size to 14px, and the line height to 24px.

At the end of the day, the background pictures of li equipment are set up to realize dot typesetting.

For that dot picture, see the dot.gif picture in the images folder in the download folder.

Why doesn't li have its own list-style-type dot setting effect?

This is because there is a certain gap between different readers, the gap in the achievement of defense dots, and the difference on the right side of the distance, so we uniformly ban list-style titles and re-apply the patronage pattern to typesetting.

This is the end of the introduction about "how CSS removes the list of ul ol li". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.