zoukankan      html  css  js  c++  java
  • CSS定义鼠标悬浮,图片出现边框

    友情链接用的CSS图片链接和文字链接样式

    • 天气查询网
    • <html>
      <head>
      <title>友情链接用的CSS图片链接和文字链接样式</title>
      <style>
      .f4{
      width:100%;
       overflow:hidden;
       clear:both;
       margin:0;
       padding:0;
      }
      .f4 li{
       width:94px;
       height:37px;
       display:block;
       float:left;
       overflow:hidden;
       margin:10px 12px 2px 3px;
      }
      .f4 li a{
       width:88px;
       height:31px;
       overflow:hidden;
       float:left;
       border:3px solid #FFF;
      }
      .f4 li a:hover{
       border:3px solid #EEE;
      }
      .f5{
      width:100%;
       overflow:hidden;
       clear:both;
       margin:0;
       padding:0;
      }
      .f5 li{
       float:left;
       line-height:14px;
       padding:0px 8px 0px;
       white-space:nowrap;
      }
      .f5 li a{
       color:#000;
       float:left;
      }
      </style>
      </head>
      <body>
      <ul class="f4">
      <li><a href='#' target='_blank'><img src='/jscss/demoimg/wall_s8.jpg' width='88' height='31' border='0'></a></li>
      </ul>
      <ul class="f5">
      <li><a href='#' target='_blank'>天气查询网</a> </li>
      </ul>
      </body>
      </html>
    •  

        

  • 相关阅读:
    jQuery火箭图标返回顶部代码
    网站开发之免费的图标库——iconfont
    网站开发之免费的图片库——undraw
    在webpack中使用echarts
    WeUI+的使用
    微信小程序引用自定义组件
    显示字符串中间加星号
    解决history的方法执行后不刷新页面的问题
    阻止input输入框弹出输入法
    使用taro框架开发小程序
  • 原文地址:https://www.cnblogs.com/thebigdipper/p/3780082.html
Copyright © 2011-2022 走看看