盒子模型之中心开班信息页面

最新推荐文章于 2022-11-08 23:56:36 发布

qq_33151859

最新推荐文章于 2022-11-08 23:56:36 发布

阅读量1.6k

点赞数 2

分类专栏： HTML基础编程题

本文链接：https://blog.csdn.net/qq_33151859/article/details/78214184

版权

HTML基础编程题专栏收录该内容

32 篇文章 13 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>中心开班信息页面</title>
<link href="css/Page_214_3.css" rel="stylesheet" type="text/css"  />
</head>
<body>
<div id="list">
<h1>中心开班信息</h1>
<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>

//css样式
#list{
width: 250px;
background: linear-gradient(to bottom,#70c9fa,#9fdbfc,#b5e2fc,#eaf7fe, white);
border-radius: 10px;
border: 1px solid #d8d8d8;
margin:0px auto;
}
h1{
color: white;
font-size: 12px;
border-bottom: 1px solid white;
background: url(../img/bg.gif) 5px 0px no-repeat;
/*background-size: contain;*/
height: 30px;
line-height: 30px;
/*padding-top: 10px;*/
padding-left: 37px;
margin-bottom: 0px;
/*padding-bottom: 15px;*/
}
ul{
list-style: none;
padding-left: 10px;
padding-right: 10px;
}
li{
background: url(../img/dotBg.gif) -10px -6;/px no-repeat;
height: 25px;
line-height: 25px;
padding-left: 5px;
}
a{
color: #626262;
display: block;
text-decoration: none;
font-size: 11px;
/*border-bottom: 1px dashed #a4a4a4;*/
}
a:hover{
color:red;
}
//效果图

qq_33151859

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
0
评论
盒子模型之中心开班信息页面

中心开班信息页面中心开班信息8月12日：学历+技能班8月16日：高考特招班8月23日：Java精英班8月31日：学士后强化班9月5日：大学生就业班9月9日：企业定向委培班9月16日：网络营销强化班//css样式#list{width: 250px;background: linear-gradient(to bottom,#70c9fa,#9fdbfc,
复制链接

扫一扫