漂亮的CSS背景

时间：2022-07-02 14:11:07 编辑：袖梨来源：一聚教程网

YPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.***w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

提示：您可以先修改部分代码再运行

<title>Create a Block Hover Effect for a List of Links | Smiley Cat Web Design</title> 
<meta name="description" content="Example of how to create a block hover effect for items in a list of links."> 
<style type="text/<a href=" http: target="_blank">css">

body { 
    background: #000000; 
    font: 11px Arial, Helvetica, sans-serif; 
}

#wrapper { 
    margin-left: auto; 
     
    margin-right: auto; 
}

#links { 
}

#links ul { 
    list-style-type: none; 
     
}

#links li { 
    border: 1px dotted #999; 
    border-0; 
    margin: 5px 0; 
}

#links li a { 
    color: #b3e00f; 
    display: block; 
    padding: 5px; 
    text-decoration: none; 
    font-size: 12px; 
    font-weight: bold; 
}

* html #links li a { 
     
}

#links li a:hover { 
    background: #1c2424; 
}

#links a em { 
    color: #CCCCCC; 
    display: block; 
    font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
}

#links a span { 
    color: #B3E00F; 
    font-size: 10px; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
}

</style> 
 
  
<div id="wrapper">  
  <div id="links">  
    <ul>  
      <li>  
      </li>
<li>  
      </li>
<li>  
    </li>
</ul>  
  </div>   
</div>

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

漂亮的CSS背景

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程