A in CSS can create a lot of wonderful effects. This effect should be very familiar to friends who often visit blue. It is the works from the blue ideal works library. I like it very much, so I took it out-simple and wonderful! This model is still Zhu Yin. HTML code <textarea id="temp3260" rows="8"><Style type = "text/CSS"> <br/>. worksbox {width: 114px; Height: 114px; position: relative ;}< br/>. worksbox A {border: 1px solid # f0f0e8; Background-color: # FFF; padding: 6px; display: block ;}< br/>. worksbox A: hover {border: 1px solid #000; Background-color: #333; text-Decoration: None ;}< br/>. worksbox a span {display: none; text-align: center; font-size: 12px;} <br/>. worksbox A: hover span {color: # FFF; display: block; Background-color: #333; width: 114px; position: absolute; top: 94px; left: 0px; line-Height: 20px;} <br/>. worksbox a IMG {width: 100px; Height: 100px ;} <br/> </style> <br/> <Div class = "worksbox"> <a href = "#"> <span> model Zhu Yin </span> </a> </div></textarea>