- Web Templates
- E-commerce Templates
- CMS und Blog Templates
- Facebook Templates
- Website-Builder
HTML/CSS. Wie erstellt man vertikale und horizontale Menüs
März 13, 2020
In diesem Tutorial zeigen wir Ihnen, wie man vertikale und horizontale Menus in HTML mithilfe von CSS-Stylen erstellt. Bevor Sie loslegen, stellen Sie sicher, dass Sie die ungeordnete HTML Liste kennen. Lesen Sie bitte das Tutorial durch wie erstellt man ein HTML Menu .
Also, erstellen Sie ein HTML Menu mithilfe von die ungeordnete Liste:
Dann brauchen Sie eine neue CSS Datei zu erstellen und sie in der HTML Seite einzubinden:
Stellen Sie sicher, dass Sie den CSS Attachment Code in
TAG auf Ihrer HTML Seite ubergeschrieben haben.Sie konnen auch die Inline-Stylen benutzen.
Sie werden jetzt folgendes Ergebnis erhalten:
m8-Sports-marketing@debrichards.net 365知识网 Tianbo-marketing@thxyk.com og-Sports-admin@lindamedia.net 汕头好吃妹团购网 Baccarat-sales@newyorkdentistjobs.net 彩票网站 CNTV汽车台 Sports-club-feedback@sdgzsx.net 苏州大学文正学院 尚通科技 青海新闻网 长沙网 Acesse 我爱夹江网 中国酒投网- Video-game-platform-service@mingfangyuan.com 易居购房网 蓝手指社区 汽车保险联盟 315热线网 肉丁网家庭园艺 中建信息 电玩巴士发卡中心 壹钱包 114票务网余票查询 家庭医生在线健康宝典 游戏港口 中国瑞金网 酷悠双语网 江西地产网 赫兹租车 3737网页游戏平台 铜陵网 大连违章查询网
Die ungeordnete Liste hat ihr eigenen Stylen, folglich bekommst du ein vertikales Menu ohne weitere Anderungen.
Fur das horizontale Menu mussen Sie einige Veranderungen in HTML und CSS machen.
Zuerst fugen Sie neue Klasse auf die Liste hinzu, ersetzen Sie durch
Und jetzt machen wir mal das horizontale Menu in der CSS-Datei. Die ungeordnete Liste hat Margin und Padding Werte (margin and padding values), die standardma?ig zugewiesen sind. Nehmen wir die Weg:
ul.horizontal{ margin:0; padding:0; }
Dann machen wir Ihre list-items display horizontal. :
ul.horizontal li{ display:block; float:left; padding:0 10px; }
Fugen Sie den horizontalen Padding Wert auf der Item-Liste hinzu, um die nicht geklebt werden. Jetzt ist Ihres Menu fertig! Machen Sie jetzt die andere Anderungen nach Ihren Vorstellungen (Links einstellen, tolle Farben und Hintergrund einfugen usw.)