Membuat Daftar Menu Secara Horizontal dengan CSS - Secara umum membuat menu menggunakan element <li> akan tampil secara vertikal, oleh karena itu kali ini saya akan sedikit berbagi tentang cara membuat list menu horizontal.
Berikut ini adalah cara membuat list menu horizontal dengan css:
Buatlah file css dengan nama listmenu.css.
Buatlah file html dengan nama listmenu.html.
Berikut ini adalah cara membuat list menu horizontal dengan css:
Buatlah file css dengan nama listmenu.css.
li{
display: inline;
}
display: inline;
}
Buatlah file html dengan nama listmenu.html.
<html>
<head>
<title>Horizontal Menu CSS</title>
<link rel="stylesheet" type="text/css" href="listmenu.css"/>
</head>
<body>
<ul>
<li><a href="syamadav.com/css">CSS</a></li>
<li><a href="syamadav.com/php">PHP</a></li>
<li><a href="syamadav.com/html">HTML</a></li>
<li><a href="syamadav.com/javasscript">JavaScript</a></li>
<li><a href="syamadav.com/xml">XML</a></li>
</ul>
</body>
</html>
<head>
<title>Horizontal Menu CSS</title>
<link rel="stylesheet" type="text/css" href="listmenu.css"/>
</head>
<body>
<ul>
<li><a href="syamadav.com/css">CSS</a></li>
<li><a href="syamadav.com/php">PHP</a></li>
<li><a href="syamadav.com/html">HTML</a></li>
<li><a href="syamadav.com/javasscript">JavaScript</a></li>
<li><a href="syamadav.com/xml">XML</a></li>
</ul>
</body>
</html>
Cukup sekian postingan dari saya tentang Membuat Daftar Menu Secara Horizontal dengan CSS. Semoga bermanfaat dan terima kasih.
Posting Komentar