Web-Frontend
CSS-Tutorial
ul+li und CSS zum Erstellen eines Menücodes im koreanischen Stil_Erfahrungsaustausch
ul+li und CSS zum Erstellen eines Menücodes im koreanischen Stil_Erfahrungsaustausch
Ul+li und CSS zum Erstellen eines Menücodes im koreanischen Stil_Erfahrungsaustausch
<!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>
Der Designstil koreanischer Websites ist unverwechselbar und farbenfroh, und jetzt gibt es mehr und mehr Immer mehr Menschen ahmen diesen Stil nach.
Der Grund, warum Website-Designideen im koreanischen Stil von allen geliebt werden, liegt in den zahlreichen Farbänderungen. Eines der offensichtlichsten Merkmale von Websites im koreanischen Stil ist, dass sie häufig horizontale oder vertikale Linien zu Tabellen hinzufügen Titelleisten. Normalerweise verwenden wir Bildsoftware, um solche Effekte zu erzeugen, aber die Bildgröße ist groß und der Download ist langsam. Wir können CSS vollständig verwenden, um einen solchen Stil zu erstellen, da die Verwendung von CSS nur den Stil definiert, ohne Bilder anzuwenden, und die Download-Geschwindigkeit erheblich beschleunigt wird.
Zuerst definieren wir die Listenelemente, die Breite, die Ränder und den Abstand. Legen Sie dann den Stil des Linktextes fest. Wir verwenden die Klassen aa, bb und cc, um die Farben verschiedener Listenelemente zu definieren. In den Definitionen dieser drei Klassen definieren wir den oberen Rand auf 4 Pixel. Das ist das häufigste Band im koreanischen Stil.
Das Obige ist der Inhalt von ul+li und CSS für den Code_Experience-Austausch im koreanischen Stil. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
Wie zeige ich die lokal installierte 'Jingnan Mai Round Body' auf der Webseite richtig?
Apr 05, 2025 pm 10:33 PM
Mit lokal installierten Schriftdateien auf Webseiten kürzlich habe ich eine kostenlose Schriftart aus dem Internet heruntergeladen und sie erfolgreich in mein System installiert. Jetzt...
Wie wähle ich ein untergeordnetes Element mit dem erstklassigen Namen über CSS aus?
Apr 05, 2025 pm 11:24 PM
Wenn die Anzahl der Elemente nicht festgelegt ist, wählen Sie das erste untergeordnete Element des angegebenen Klassennamens über CSS aus. Bei der Verarbeitung der HTML -Struktur begegnen Sie häufig auf verschiedene Elemente ...
Was werden die codierten Schriftarten auf dem Bild verwendet? Wie wende ich diesen Schriftart Stil in einem Projekt an?
Apr 05, 2025 pm 05:06 PM
Die Einführung und Verwendung von codierten Schriftarten in Programmierung und Webdesign kann die Auswahl der richtigen Schriftart die Lesbarkeit und Ästhetik des Codes erheblich verbessern. jüngste,...
Wie kann man den Schwebstil und die Logik von zusammengeführten Zeilen in el-table in Element UI anpassen?
Apr 05, 2025 pm 07:45 PM
Wie kann man den Schwebstil und die Logik von zusammengeführten Zeilen in el-table anpassen? Verwenden von Element ...
Wie kann ich mehrere Textzeilen ausrichten und mit CSS unterstreichen?
Apr 05, 2025 pm 08:00 PM
Wie kann ich mehrere Textzeilen ausrichten und mit CSS unterstreichen? Im täglichen Webdesign müssen wir oft mehrere Textzeilen in speziellen Stilen stylen ...
Wie kann man den Schwebeffekt von Zusammenführungsreihen in el-table anpassen?
Apr 05, 2025 pm 06:54 PM
Wie kann man den Schwebeffekt von Zusammenführungsreihen in el-table anpassen? Verwenden von Element ...
Wie kann man die React-Übergangsgruppe verwenden, um den Effekt des strengen Schaltens von React-Komponenten von rechts nach links zu erreichen?
Apr 05, 2025 pm 08:03 PM
In Bezug auf das Problem der Verwendung von React-Transpansition-Gruppen zur Erzielung des Übergangseffekts des Komponenten in React. Bei der Verwendung von React -Entwicklungsprojekten müssen wir häufig einige Streams implementieren ...
Warum zeigen zwei Inline-Block-Elemente eine Fehlausrichtung? Wie löst ich dieses Problem?
Apr 05, 2025 pm 08:09 PM
Erörterung der Gründe für die Fehlausrichtung von zwei Inline-Block-Elementen. In der Front-End-Entwicklung stoßen wir häufig auf Elemente-Typen-Probleme, insbesondere bei der Verwendung von Inline-Block ...
