CSS水平导航栏

最新推荐文章于 2023-12-27 15:06:04 发布

weixin_30410999

最新推荐文章于 2023-12-27 15:06:04 发布

阅读量70

点赞数

原文链接：http://www.cnblogs.com/demo-deng/p/7885831.html

版权

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8" content="This is a meta data" name="dengyexun">
 5     <title>Title</title>
 6     <link rel="stylesheet" type="text/css" href="home.html">
 7     <style>
 8         ul{
 9             list-style-type: none;
10             margin: 10px;
11             padding: 0px;
12         }
13         a:link, a:visited{
14 {#            display: block;#}
15             font-weight: bold;
16             color: white;
17             background-color: #98bf21;
18             text-align: center;
19             width: 120px;
20             padding: 10px;
21             text-transform: uppercase;
22         }
23         a:hover, a:active{
24             background-color: orangered;
25         }
26         li{
27             display: inline;
28         }
29     </style>
30 </head>
31 <body>
32     <ul>
33         <li><a href="home.html">Home</a></li>
34         <li><a href="home.html">News</a></li>
35         <li><a href="home.html">Contact</a></li>
36         <li><a href="home.html">About</a></li>
37     </ul>
38 
39 </body>
40 </html>

显示结果

转载于:https://www.cnblogs.com/demo-deng/p/7885831.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30410999

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS水平导航栏

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" content="This is a meta data" name="dengyexun"> 5 <title>Title</title> 6 ...
复制链接

扫一扫