登录 注册

同步课 / web开发（一）2015级5、6班

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

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

任务讨论
# 话题
刘士龙 ：

任务已更新

2018-11-22 23:58
转发 回复 赞
5班-张刘洋 ：
<!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>
2016-04-27 20:48
转发 回复 赞
5班-葛亚男 ： 
<!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>
2016-04-24 15:25
转发 回复 赞