寒假第5页作业

最新推荐文章于 2023-01-31 16:01:51 发布

liujia20001123

最新推荐文章于 2023-01-31 16:01:51 发布

阅读量197

点赞数

本文链接：https://blog.csdn.net/liujia20001123/article/details/87112550

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>中心开班信息</title>
		<style>
			div{
				width: 250px;
				
				border:1px solid #d8d8d8;
				box-sizing: border-box;
				line-height: 30px;
				background: linear-gradient(to bottom,#5bc1f9 ,#FFF,#FFF);
				margin: 0 auto;
				border-radius: 8px;
			}
			ul li{
				list-style-type:none;
				background: url(img/dotBg.gif) no-repeat;
				background-position:-10px 0;
				padding-left: 10px;
				
			}
			a{
				text-decoration: none;
			}
			a:hover{
				color: red;
			}
			.text1{
				border:1px white solid;
				background-color: white;
				display: block;
				width: 250px;
				height: 1px;
			}
	
			
			h3{
				color: white;
				padding-left:50px ;
				background: url(img/bg.gif) no-repeat;
				background-position:10px 0  ;
			}
		</style>
	</head>
	<body>
		<div>
			<h3>中心开班信息</h3>
			<p class="text1"></p>
			<ul>
				
				<li><a href="">8月12日：学历+技能班</a></li>
				<li><a href="">8月16日：高考特招班</a></li>
				<li><a href="">8月23日：Java精英班</a></li>
				<li><a href="">8月31日：学士后强化班</a></li>
				<li><a href="">9月5日：大学生就业班</a></li>
				<li><a href="">9月9日：企业定向委培班</a></li>
				<li><a href="">9月16日：网络营销强化班</a></li>
			</ul>
		</div>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>北大青鸟课程导航</title>
		<style>
			.text1{
				border: 1px solid deepskyblue;
				width: 220px;
				background-color: #f5f9fc;
				margin: 0 auto;
				line-height: 30px;
			}
			body,div,h3,ul{,
				padding: 0;
				margin: 0;
			} 
			li{
				margin-left: 8px;
				}
			a{
					text-decoration: none;
				}
			.text2{
				background: url(img/title_icon.gif)5px 8px no-repeat;
				padding-left: 25px;
				font-size: 14px;
			}
			
			.text3{
				background: url(img/submenu.gif)right center no-repeat;
				padding-right: 15px;
				list-style-type: none;
				border-top:1px #cfe2f5 solid;
			}
			a:hover{
				color: red;
				text-decoration:underline;
			}
		</style>
	</head>
	<body>
		<div class="text1">
			<h5 class="text2">课程导航</h5>
			<ul >
				<li class="text3"><a href="">ACCP 软件工程师</a></li>
				<li class="text3"><a href="">BTEST 软件测试工程师</a></li>
				<li class="text3"><a href="">BENET 网络工程师</a></li>
				<li class="text3"><a href="">JBNS 网站工程师</a></li>
				<li class="text3"><a href="">ACCP 启蒙星</a></li>
				<li class="text3"><a href="">ANDROID 软件工程师</a></li>
				<li class="text3"><a href="">JAVA 软件工程师</a></li>
				<li class="text3"><a href="">.NET 软件工程师</a></li>
				<li class="text3"><a href="">网络营销</a></li>
			</ul>
		</div>
	</body>
</html>

liujia20001123

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
寒假第5页作业

1&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;中心开班信息&lt;/title&gt; &lt;style&gt; div{ width: 250px; border:1px solid #d8d
复制链接

扫一扫