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>
原文地址:https://www.cnblogs.com/netwenchao/p/1626852.html