CSS样式设置(1)
10
刘士龙
开始于 2016-04-22 20:41
83 7 10
已截止

任务尚未发布或者你没有权限查看任务内容。

任务讨论
刘士龙

任务已更新

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css样式设计(1)</title>
    <style type="text/css">
    div{
        font-family: '仿宋';
        font-size: 20px;
    }
    a:link {
        font-size: 20px;
        text-decoration: none;
        color: black;
    }

    a:visited {
        color: black;
    }

    a:hover {
        color: red;
        text-decoration: underline;
    }
    #footer{
        height: 50px;
        text-align: center;
        line-height: 50px;
    </style>

</head>
<body>
    <div id="header">
     <ul class="nav">
     <li><a href="#
">首页</a></li>
     <li><a href="#">国内</a></li>
     <li><a href="#
">国际</a></li>
     <li><a href="#">社会</a></li>
     <li><a href="#
">娱乐</a></li>    
     </ul>      
   </div>     
   <div id="content">
         网页正文
   </div>  
   <div id="footer">
        &copy;版权所有 河北师范大学软件学院
   </div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"/>
	<title>css样式</title>
	<style type="text/css">
	#content {
		font-family: '仿宋';
		font-size: 20px;

	}
	.nav a:link{
		text-decoration: none;
		color: black;
	}
	.nav a:visited{
		text-decoration: none;
		color: black;
	}
	.nav a:hover{
		text-decoration:underline;
		color:red;
	}
	#footer{
		line-height:50px;
		text-align:center;
}
	</style>


</head>
<body>
	<div id="header">
		<ul class="nav">
			<li><a href="#">首页</a></li>
			<li><a href="#">国内</a></li>
			<li><a href="#">国际</a></li>
			<li><a href="#">社会</a></li>
			<li><a href="#">娱乐</a></li>
		</ul>
	</div>
	<div id="content">
		网页正文
	</div>
	<div id="footer">
		&copy;版权所有 河北师范大学软件学院
	</div>
</body>
</html>