#微电影《青春代码》 练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>传智故事</title>
    <style type="text/css">
        dl{
            width:400px;
            height:270px;
            margin:10px auto;
        	border:1px solid #ccc;
        }
        dt{
	width:400px;
	height:200px;
	background:url(../images/renwu.jpg) 0 0 no-repeat;
            }
        dd{
	text-align: center;
	margin:0;
	padding-top: 25px;
	        }
        a{
	text-decoration: none;
	color:#aaa;
        }
        dl:hover{
            border:1px solid #1ab8f1;
            }
        a:hover{
            color:#1ab8f1;
            }
</style>

</head>
<body>
    <dl>
        <dt></dt>
        <dd><a href="#">微电影《青春代码》</a></dd>
    </dl>
    
</body>
</html>

云盘下载

点赞

发表评论