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

来源：互联网发布：sqlserver 升级编辑：程序博客网时间：2024/05/21 17:02

<!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;}//效果图

阅读全文

0 0