zoukankan      html  css  js  c++  java
  • 按钮超链接样式

     1 <html xmlns="http://www.w3.org/1999/xhtml">
     2 <head>
     3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
     4 <title>收藏的几个css按钮样式</title>
     5 <style>
     6 <!--
     7 body { font-family: Tahoma; font-size: 8pt }
     8 .leftmenu {
     9 width:150px;
    10 }
    11 .leftmenu li {
    12 display: inline;
    13 white-space: nowrap;
    14 }
    15 
    16 .leftmenu span,
    17 .leftmenu a:active,
    18 .leftmenu a:visited,
    19 .leftmenu a:link {
    20   display: block;
    21   text-decoration: none;
    22   margin: 6px 10px 6px 0px;
    23   padding: 2px 6px 2px 6px;
    24   color: #00527f;
    25   background-color: #d9e8f3;
    26   border: 1px solid #004266;
    27 }
    28 
    29 .leftmenu a:hover {
    30   color: red;
    31   background-color: #8cbbda;
    32 }
    33 
    34 .leftmenu span {
    35   color: #a13100;
    36   }
    37 
    38 -->
    39 </style>
    40 
    41 </head>
    42 漂亮的按钮
    43 <body>
    44  <ul class="leftmenu">
    45 <li><target="_blank" href="http://www.microsoft.com/china">www.Microsoft.com</a>
    46 <li><target="_blank" href="http://www.google.com">www.Google.com</a>
    47 <li><target="_blank" href="http://www.csdn.net/">www.CSDN.Net</a>
    48 </ul>
    49 </body>
    50 </html> 
    51 
  • 相关阅读:
    BZOJ 1191 HNOI2006 超级英雄hero
    BZOJ 2442 Usaco2011 Open 修建草坪
    BZOJ 1812 IOI 2005 riv
    OJ 1159 holiday
    BZOJ 1491 NOI 2007 社交网络
    NOIP2014 D1 T3
    BZOJ 2423 HAOI 2010 最长公共子序列
    LCA模板
    NOIP 2015 D1T2信息传递
    数据结构
  • 原文地址:https://www.cnblogs.com/cxy521/p/1048621.html
Copyright © 2011-2022 走看看