HTML ul, Li attribute Introduction

Li will always have a small black dot in front of the default display, which can be cleared in the following ways.

1. Write code in CSS

UL Li

{

List-style-type:none;

}

2, find the head section on the relevant page to write the following code

<style type= "Text/css" >

List-style:none;

</style>

3, add list-style within Li,ul . such as <ul style= "List-style-type:none><li><a herf=" http://blog.163.com/ldy_3881685 "> my Blog </a></li></ul> of Course this is a lot of trouble.

List-style-type its properties :

None do not use bullets

Disc solid Circle, default value

Circle Hollow Circle

Square Solid Square

Decimal Arabic numerals

Lower-roman lowercase roman numerals

Upper-roman Capital Roman numerals

Lower-alpha lowercase English alphabet

Upper-alpha Capital English alphabet

A). using CSS to format list characters: ul li{

List-style-type:none;

}

B). If you want to replace the list symbol with an image, then: ul li{

List-style-type:none;

List-style-image:url (images/icon.gif);

}

C). To Align Left, you can use the following code: ul{

List-style-type:none;

margin:0px;

}

D). If you want to add a background color to the list, you can use the following code: ul{

List-style-type:none;

margin:0px;

}

UL li{

Background: #CCC;

}

E). If you want to add MOUSEOVER background color effect, you can use the following code: ul{list-style-type:none; margin:0px;}

UL Li a{display:block; width:100%; background: #ccc;}

UL Li a:hover{background: #999;} Description:display:block; This line must be added in order to block the display!

F). the elements in LI are arranged horizontally , the key float:left: ul{

List-style-type:none;

width:100%;

}

UL li{

width:80px;

Float:left;

}

<ul><li> difference <LI> parameter setting (Common):

Example: <li type= "Square" value= "4" >

Type= "Square"

Only applicable to non-sequential list, set symbol style, there are three kinds of values, such as the following, the default is type= "disc":

The symbol is a column item symbol when type= "disc".

The symbol if "width=10 height=10 border=0> is a column entry symbol when type=" circle ".

The symbol is the column item symbol when type= "square".

Value= "4"

Applies only to the sequential list, setting the number of the item, and the subsequent items are incremented as a starting number, but the preceding items are not affected, and the value can be only three-to-three. equal integers, no default values.

<UL> is called an unordered list tag.

The so-called disorder list is in front of each item plus,, and so on symbol, so also known as the symbol list.

<UL> parameter setting (Common):

Example: <ul type= "Square" >

Type= "Square"

Set the symbol style, there are three kinds of values, such as the following, the default is type= "disc":

The symbol is a column item symbol when type= "disc".

The symbol is the column item symbol when type= "circle".

The symbol is the column item symbol when type= "square".

<ul> is a list of items,<li> is a list item, and the list of items is listed by the symbol, so you list the default is the black dot, and there is a <ol> This is a numbered list, It is also used to list items in <li> .

<li> is a list item, but there are two types of lists, so there is a <ul> or <ol> to distinguish between unordered lists (dots) and ordered listings ( ... ).

HTML ul, Li attribute Introduction