zoukankan      html  css  js  c++  java
  • 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     <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     </style>
    27 </head>
    28 <body>
    29     <ul>
    30         <li><a href="home.html">Home</a></li>
    31         <li><a href="home.html">News</a></li>
    32         <li><a href="home.html">Contact</a></li>
    33         <li><a href="home.html">About</a></li>
    34     </ul>
    35 
    36 </body>
    37 </html>

    显示结果:

  • 相关阅读:
    常用模块
    递归函数
    内置函数与匿名函数
    Mac控制台相关操作
    Maven相关知识记录
    @Import底层实现原理
    spring循环依赖
    springcloud注册中心对比
    分布式事务
    Drools使用注意事项
  • 原文地址:https://www.cnblogs.com/demo-deng/p/7885745.html
Copyright © 2011-2022 走看看