Css Show Detail

Apperance:

 

< html >
< head >
< title ></ title >
< style  type ="text/css" >
.content_area
{
    width
: 200px ;
}
.content_area div
{  background : #AAA ;  padding : 5px ; }
.content_area a
{  display : block ;  border : solid 1px #CCC ; }
.content_area a:hover span
{  display : block ;  background-color : #F1F1F1 ;  padding : 5px ;  cursor : default ; }
.content_area a span
{  display : none ;  text-decoration : none ;  color : #000 ; }
</ style >
</ head >
< body >
< div  class ="content_area" >
< href ="#" >
< div > Test </ div >
< span >
娱乐互动资料库产品是吸引每一名网友参与编辑的以wiki技术为基础的大型影视、音乐及明星资料数据库,及其衍生出的用户互动社区服务。它是基于web2.0概念的产
</ span >
</ a >
< href ="#" >
< div > Test </ div >
< span >
娱乐互动资料库产品是吸引每一名网友参与编辑的以wiki技术为基础的大型影视、音乐及明星资料数据库,及其衍生出的用户互动社区服务。它是基于web2.0概念的产
</ span >
</ a >

< href ="#" >
< div > Test </ div >
< span >
娱乐互动资料库产品是吸引每一名网友参与编辑的以wiki技术为基础的大型影视、音乐及明星资料数据库,及其衍生出的用户互动社区服务。它是基于web2.0概念的产
</ span >
</ a >

< href ="#" >
< div > Test </ div >
< span >
娱乐互动资料库产品是吸引每一名网友参与编辑的以wiki技术为基础的大型影视、音乐及明星资料数据库,及其衍生出的用户互动社区服务。它是基于web2.0概念的产
</ span >
</ a >
</ div >
</ body >
</ html >

 

 

 

你可能感兴趣的:(tail)