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

This article mainly introduces css how to remove the default style of li elements, the article introduces in great detail, has a certain reference value, interested friends must read it!

Method: 1, use "list-style" attribute to remove li element default dot style, syntax "li {list-style:none}"; 2, use padding and margin attributes to remove li element default inner and outer margin style, syntax is "li {padding:0;margin:0}".

The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.

How does css remove the default style of the li element

In css, you can use the list-style property, the padding property, and the margin property to eliminate the default style of the li list. Here is an example of how css clears the default style of the li list.

Examples are as follows:

1. Create a new html file, named test.html, to explain how css clears the default style of the li list. Create a list using the ul, li tags. Set the class property of the ul tag to mycss.

2. Within the css tag, set the style of ul through class, set the list-style property to none, and eliminate the default sequence number of the list. Then remove the outer and outer margins of the li list by using the padding property and the margin property.

Open the test.html file in the browser to see the effect of the implementation.

The above is all the content of the article "how css removes the default style of li elements". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

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.