furao
/
test


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        a{ color:#666; text-decoration:none; line-height:25px; text-indent:24px;}
        .w{ width:200px; position:absolute; background:#999; left:400px; top:200px; font-size:12px; text-align:left}/*模拟灰色阴影背景层*/
        .x{ width:180px; position:relative; background:#fff;  border:1px solid #ccc; padding:10px; left:-4px; top:-4px;}/*内容div*/
        .y , .z{
            position: absolute;
            left: 141px;
        }
        .y{
            color: #ccc;
            font-size: 19px;
            top:-12px;
            z-index:1;
        }
        .z{
            color: #fff;
            font-size: 19px;
            top:-11px;  z-index:3;
        }
    </style>
</head>
<body>
<div class="w">
    <div class="x">
        <p><a href="#">用面向对象的思想去书写css,用面向对象的心态去书写css。</a></p>
        <span class="z">◆</span> <span class="y"></span> </div>
</div>
</body>
</html>