ul+li et css pour créer un menu de style coréen code_Experience Exchange-tutoriel CSS-php.cn

ul+li et css pour créer un menu de style coréen code_Experience Exchange

PHP中文网

Libérer： 2016-05-16 12:06:50

original

1944 Les gens l'ont consulté

Ul+li et css pour créer un code de menu de style coréen_Échange d'expériences

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>www.jb51.net</title> 
<style type="text/css"> 
<!--  
* {font-size:13px;font-family:Arial;} 
#nav li {list-style:none; width:200px; margin-top:5px;padding:4px 6px;} 
#nav li a {text-decoration:none; color:#666;} 
#nav li a:hover {color:#000;} 
.aa {border-top:4px solid #7BC110; background:#be6;} 
.bb {border-top:4px solid #ff9900; background:#fc3;} 
.cc {border-top:4px solid #ff66ff; background:#fcf;} 
--> 
</style> 
</head> 
<body> 
<ul id="nav"> 
<li class="aa"><a href="/">CSS Templates Free Download </a></li> 
<li class="bb"><a href="/">CSS WebSites Showcase </a></li> 
<li class="cc"><a href="/">CSS Web Design Article </a></li> 
</ul> 
</body> 
</html>

Copier après la connexion

Le style de conception des sites Web coréens est distinctif et coloré, et maintenant il y en a de plus en plus de plus en plus de gens imitent ce style.

La raison pour laquelle les idées de conception de sites Web de style coréen sont appréciées de tous est due à ses riches changements de couleurs. L'une des caractéristiques les plus évidentes des sites Web de style coréen est qu'ils ajoutent souvent des lignes horizontales ou verticales aux tableaux ou aux tableaux. barres de titre. Nous utilisons généralement un logiciel d'image pour créer de tels effets, mais la taille de l'image est grande et le téléchargement est lent. Nous pouvons entièrement utiliser CSS pour créer un tel style, car l'utilisation de CSS ne définit que le style sans appliquer d'images, et la vitesse de téléchargement sera considérablement accélérée.

Nous définissons d'abord les éléments de la liste, la largeur, les marges et le remplissage. Définissez ensuite le style du texte du lien. Nous utilisons les classes aa, bb et cc pour définir les couleurs des différents éléments de la liste. Dans les définitions de ces trois classes, nous définissons la bordure supérieure comme étant de 4 pixels. C'est-à-dire le ruban le plus courant dans le style coréen.

Ce qui précède est le contenu de ul+li et css pour créer un échange code_experience de menu de style coréen. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !