posts - 77, comments - 54, trackbacks - 0, articles - 0
  IT博客 :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

使用CSS完成页面特效！

Posted on 2006-08-30 12:58 东人EP 阅读(323) 评论(0)  编辑 收藏 引用 所属分类: JavaScript
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html >
< head >
< title > ASPid's Blog menu Demo </ title >
< style  type ="text/css" >
<!--
#menu  {
  width : 8em ;
  padding : 0.5em ;
  background : #ccc ;
  font-family :  "Terminal" ;
  }
#menu a, #menu a:visited  {
 display : block ;  
 width : 7em ;  
 color : #669900 ;  
 text-align : center ;  
 background-color : #fff ;  
 text-decoration : none ;
 margin : 0.5em 0 ;  
 border-left : 0.5em solid #9ab ;  
  }
#menu a:hover  {
 color : #f00 ;  
 border-left : 0.5em solid #000 ;  
  }
.box  {
 position : relative ;
  }
-->
 </ style >
</ head >

< body >
< div  id ="menu" >
  < div  class ="box" >
  < a  href ="default.asp?cat=8" >
 IT News
  </ a >
  </ div >
  < div  class ="box" >
  < a  href ="default.asp?cat=1" >
 Web Design
  </ a >
  </ div >
  < div  class ="box" >
  < a  href ="default.asp?cat=5" >
 Development
  </ a >
  </ div >
  < div  class ="box" >
  < a  href ="default.asp?cat=4" >
 Art Design
  </ a >
  </ div >
  < div  class ="box" >
  < a  href ="default.asp?cat=9" >
 MX Studio
  </ a >
  </ div >
</ div >

</ body >
</ html >

只有注册用户登录后才能发表评论。