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 
  • 相关阅读:
    AngularJS方法 —— angular.bind
    rails 部署 nginx + passenger
    查找并删除
    rails 网站跨域
    From Ruby array to JS array in Rails- 'quote'?
    rails 网站字体
    form_tag
    bundle install 老是中断,可以在gemfile里面把source换成taobao源,可以自动安装
    ruby 功力修炼
    bootstrap 移动自适应界面
  • 原文地址:https://www.cnblogs.com/cxy521/p/1048621.html
Copyright © 2011-2022 走看看