recherche

Maison  >  Article  >  interface Web  >  ul+li et css pour créer un menu de style coréen code_Experience Exchange

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

PHP中文网
PHP中文网original
2016-05-16 12:06:501908parcourir

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>


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) !


Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：div+css implémente un bouton de largeur adaptative_Experience ExchangeArticle suivant：div+css implémente un bouton de largeur adaptative_Experience Exchange

Articles Liés

Voir plus