提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

属性选择器合集

属性 选择器 合集
2023-06-13 09:13:11 时间 
<!doctpye html>
<html>
     <head>
          <meta charset="utf-8">
          <title>选择器</title>
              <style type="text/css">
              p{
              margin:4px;
              }
              a[href^="http:"]{
              background:url(imags/window.gif) no-repeat left center;
              padding-left:18px;
              }
              a[href$="pdf"]{
              background:url(images/icon_pdf.gif) no-repeat left center;
              padding-left:18px;
              }   
              a[href$="xls"]{
              background:url(images/icon_xls.gif) no-repeat left center;
              padding-left:18px;  
              }      
              a[href$="ppt"]{
              background:url(images/icon_ppt.gif) no-repeat left center;
              padding-left:18px;  
              }    
              a[href$="rar"]{
              background:url(images/icon_rar.gif) no-repeat left center;
              padding-left:18px;  
              }    
              a[href$="gif"]{
              background:url(images/icon_img.gif) no-repeat left center;
              padding-left:18px;  
              }     
              a[href$="jpg"]{
              background:url(images/icon_img.gif) no-repeat left center;
              padding-left:18px;  
              }    
              a[href$="png"]{
              background:url(images/icon_img.gif) no-repeat left center;
              padding-left:18px;  
              }    
              a[href$="txt"]{
              background:url(images/icon_txt.gif) no-repeat left center;
              padding-left:18px;  
              }    
              </style>
     </head>  
     <body>       
     <p><a href="http://www.baidu.com/name.pdf">PDF 文件</a></p>            
     <p><a href="http://www.baidu.com/name.ppt">PPT 文件</a></p>          
     <p><a href="http://www.baidu.com/name.xls">XLS 文件</a></p>          
     <p><a href="http://www.baidu.com/name.rar">RAR 文件</a></p>          
     <p><a href="http://www.baidu.com/name.gif">GIF 文件</a></p>          
     <p><a href="http://www.baidu.com/name.jpg">JPG 文件</a></p>          
     <p><a href="http://www.baidu.com/name.png">PNG 文件</a></p>          
     <p><a href="http://www.baidu.com/name.txt">TXT 文件</a></p>          
     <p><a href="http://www.baidu.com/#anchor">#锚点超链接</a></p>   
     <p><a href="http://www.baidu.com/">http://www.baidu.com/</a></p>                 
     </body>
</html>

相关文章