商城底部第二部分_PHP中文网手记

摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="static/css/style.css" /> <link rel="stylesheet&q

<!DOCTYPE html>

<html>

<head>

</head>

<style>

* {

margin: 0;

padding: 0;

}

li {

list-style: none;

}

a {

text-decoration: none;

color: #ccc;

cursor: pointer;

}

.clear {

clear: both;

}

/*头部样式*/

.header {

width: 100%;

height: 40px;

background: #333;

}

.menu {

width: 1226px;

height: 40px;

background: #CCCCCC;

margin: 0 auto;

}

/*主体样式*/

.content {

width: 1226px;

margin: 0 auto;

}

.contentMenu {

background: #CCCCCC;

height: 90px;

margin: 10px auto;

}

.contentPic {

background: #CCCCCC;

height: 480px;

margin: 10px auto;

}

.contentPic-left {

width: 246px;

height: 480px;

background: #CCCCCC;

float: left;

}

.contentPic-right {

width: 980px;

height: 480px;

float: left;

background: #942CFC;

}

.contentPic_ui {

height: 170px;

margin: 10px auto;

}

.contentPic-taba {

width: 235px;

height: 170px;

margin-right: 10px;

background: #5F5750;

float: left;

}

.contentPic-ls {

width: 317px;

height: 170px;

float: left;

margin-left: 10px;

}

.contentShop {

height: 340px;

margin: 10px auto;

}

/*小米闪购*/

.xm-sg {

width: 235px;

height: 340px;

background: #CCCCCC;

float: left;

}

.contentImg {

background: #CCCCCC;

height: 100px;

margin: 10px auto;

}

.contentUL {

background: #CCCCCC;

height: 80px;

margin: 10px auto;

}

.contentPhone {

height: 614px;

margin: 10px auto;

}

.cp-sj-left {

width: 234px;

height: 614px;

float: left;

background-image: url("../images/buy/手机AD.jpg");

background-repeat: no-repeat;

background-size: cover;

}

.cp-sj-right {

width: 980px;

height: 614px;

float: right;

}

.cp-sj-box {

width: 235px;

height: 302px;

float: left;

background: #CCC;

}

.cp-zn-one,

.cp-zn-two {

width: 235px;

height: 300px;

background: #ccc;

float: left;

}

.cp-zn-top {

width: 235px;

height: 145px;

background: #ccc;

}

.cp-zn-bottom {

width: 235px;

height: 145px;

background: #ccc;

margin-top: 10px;

}

.cp-zn-two1 {

float: left;

}

/*footer*/

.footer {

width: 1226px;

margin: 10px auto;

}

.for-li {

width: 1226px;

height: 80px;

margin: 0 auto;

}

.for-li a {

font-size: 16px;

line-height: 80px;

text-align: center;

font-weight: 300;

display: block;

height: 80px;

float: left;

width: 243px;

}

.for-li span {

margin-left: 75px;

}

.for-li a:hover {

color: #FF8200;

}

.for-li-1 {

width: 1226px;

height: 112px;

margin: 40px auto;

}

dl {

float: left;

display: block;

width: 160px;

}

dd a {

font-size: 12px;

line-height: 20px;

color: #757575;

}

dt {

font-size: 14px;

line-height: 20px;

margin-bottom: 15px;

color: #424242;

}

dd a:hover {

color: #FF8200;

}

.for-conten {

width: 258px;

height: 112px;

border-left: 1px solid #626262;

float: right;

text-align: center;

}

.suorg {

font-size: 22px;

color: #FF8200;

}

.suorg-1 {

font-size: 12px;

margin-top: 5px;

}

.btn {

width: 120px;

height: 25px;

border: 1px solid #FF8200;

background: #FFFFFF;

color: #FF8200;

margin-top: 10px;

}

.btn:hover {

background: #FF8200;

color: #FFFFFF;

}

.for-end {

width: 1226px;

height: 100px;

margin: 40px auto;

}

.end-1,

.end-2,

.end-3 {

float: left;

}

.endli ul li {

float: left;

font-size: 12px;

color: #757575;

height: 19px;

}

.endli span {

font-size: 12px;

border-left: 1px solid #757575;

height: 8px;

margin: 3px 3px;

}

.endli-p {

width: 640px;

font-size: 12px;

color: #b0b0b0;

}

.endli-p a:hover {

color: #FF8200;

}

.end-3 img {

float: left;

width: 83px;

}

.font {

text-align: center;

width: 100%;

float: left;

font-weight: bold;

font-family: "楷体";

font-size: 24px;

color: #CCCCCC;

margin-top: 20px;

}

</style>

<body >

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<a href="#"><i class="fa fa-wrench"> 预约维修服务</i><span>|</span></a>

<a href="#"><i class="fa fa-rotate-right"> 7天无理由退货</i><span>|</span></a>

<a href="#"><i class="fa fa-refresh"> 15天免费换货</i><span>|</span></a>

<a href="#"><i class="fa fa-map-marker"> 520余家售后网点</i></a>

</div>

<dl>

</dl>

<dl>

</dl>

<dl>

<dd><a href="">授权体验店</a></dd>

</dl>

<dl>

<dd><a href="">投资者关系</a></dd>

</dl>

<dl>

</dl>

<dl>

</dl>

<p class="suorg-1">周一至周日 8:00-18:00<br />(仅收市话费)</p>

</div>

<ul>

<li>小米天猫店<span></span></li>

<li>Select Region</li>

</ul>

</div>

京ICP证110507号

<a href="#">京ICP备10046444号</a>

<a href="#">京公网安备11010802020134号</a>

<br>

违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试

</div>

</div>

<div class="font">探索黑科技，小米为发烧而生！ </div>

</div>

</body>

</html>

批改老师：天蓬老师批改时间：2018-12-13 18:12:08
老师总结：对于类似 #cccccc, 这样的,推荐简写: #ccc

商城底部第二部分

热门词条