Beispiele für die grafische und textliche Erstellung des Navigationsmenüs für die Ul

首先上图，最终效果：

HTML代码：

 

< ;html>

• Menü


• Menü Menü


• Menü


• Menü Menü Menü


• Menü Menü

 

CSS代码:

 

#qwe{
width: 200px;
font-family: "微软雅黑";
margin: 50px;
}
#qwe ul{
list-style-type : keine;
padding: 0;
}
#qwe ul li a{
text-decoration: none;
display: block;
width: 200px;
height: 25px;
Rand links: 10 Pixel durchgehend #333333;
Rand rechts: 1 Pixel durchgehend #666666;
Rand unten: 1 Pixel durchgehend #555555;
Polsterung links: 3 Pixel;
Rand- unten: 1px;
}
#qwe ul li a:link,#qwe ul li a:visited{
Farbe: Crimson;
Hintergrundfarbe: #999999;
}
#qwe ul li a:hover{
Farbe: grün;
Hintergrundfarbe: #777777;
}
#qwe ul li a:aktiv{
Farbe: dunkelorange;
}

 

备注：其中包含伪类的设置

 

Das obige ist der detaillierte Inhalt vonBeispiele für die grafische und textliche Erstellung des Navigationsmenüs für die Ul. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!