How to remove the dot before text in css

How to remove the dot before text in css: 1. Find the head part on the relevant page and write the code as "ul li{list-style:none;}"; 2. Within li and ul Just add "list-style".

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

Recommendation: "css video tutorial"

When many people use div to make websites, they always use li and ul, but when displaying the effect, they always use it. There will be a small black spot, which causes headaches for many people, but they cannot find the source. We can use the following methods to remove it.

How to use css to remove the dots in front of text:

Find the relevant CSS and write list-sytle:none under .li and .ul; of course, some people will write list like this -style-type:none, this writing method is the most common especially in some CMS.

Implementation:

1. Find the head part of the relevant page and write the following code

<style type="text/css">
ul li{
list-style:none;
}
</style>

2. Add list-style to li and ul. Such as

<ul style="list-style-type:none><li><a herf="http://blog.csdn.net/business122">HTML中文网</a></li>< /ul>

Of course this is very troublesome.

The simplest one is the first one, which is controlled through CSS. This will of course have good effects.

These methods are all set by setting list-style:none. Some will use list-style-type. Let’s take a look at its properties:

• noneDo not use bullets

• ##discsolid circle, default value

• circleempty circle

• squaresolid square

• decimal Arabic numerals

• lower-romanlower-case Roman numerals

• upper-romanuppercase Roman numerals

##lower-alpha lowercase English letters
upper-alphauppercase English letters
These can all be substituted for none mentioned above, and there will be a corresponding corresponding to whatever you want.

The above is the detailed content of How to remove the dot before text in css. For more information, please follow other related articles on the PHP Chinese website!