2019-04-04css

```

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

.wjh{

width: 1300px;

height: 1110px;

/*line-height:1110px;*/

/*text-align: center;*/

margin-left:130px;

}

? .box{

? width: 270px;

? height: 350px;

? padding: 5px;

? display: inline-block;

? border:1px solid #dfdfdf;

? margin-top:8px;

? }

.box:hover{

border: 1px solid red;

}

.shopping{

font-weight: bolder;

}

.shopping1{

margin-left: 166px;

color: #666;

}

.fonts {

margin-top: 15px;

}

.box0{

height:15px;

background-image: url(work1_06.png);

display: inline-block;

}

.number{

color: red;

margin-left: 5px;

}

.box0,.number{

vertical-align: middle;

}

.box1{

margin-top: 15px;

}

.box2{

display: inline-block;

}

.star1{

width: 16px;

}

.star2{

width: 35px;

}

.star3{

width: 55px;

}

.star4{

width: 74px;

}

.star5{

width: 93px;

}

.hollow{

margin-left:48px;

}

.number1{

margin-left:5px;

color: #666;

text-indent: 14px;

}

.call{

margin-top: 15px;

}

.bottom_tt{

margin:0px;

height: 300px;

? border: 1px solid red;

? margin-top: 12px;

? }

? .user{

? color: #d21623;

? font-weight: bolder;

? fong-size:18px;

? margin-top: 48px;

? }

? .user1{

? color: #666;

? margin-top: 8px;

? }

? .bottom_title{

? vertical-align: top;

? margin-left:80px;

? display: inline-block;

? }

</style>

</head>

<body>

<div class="wjh">

<!-- 內(nèi)邊距 -->

<div class="box">

<img src="work1_03.png" alt="">

<div class="fonts">

<span class="shopping">三毛</span>

<span class="shopping1">美食購物</span>

</div>

<div class="box1">

<div class="box0 star1"></div>

<span class="number">5.0</span>

<div class="box2">

<!-- hollow 代表空星 -->

<img class="hollow" src="work2_03.png" alt=""><span class="number1">收藏:</span>

<span>500</span>

</div>

<div class="call">客服電話：0371-8412782</div>

</div>

</div>

<div class="box">

<img src="work1_03.png" alt="">

<div class="fonts">

<span class="shopping">三毛</span>

<span class="shopping1">美食購物</span>

</div>

<div class="box1">

<div class="box0 star2"></div>

<span class="number">5.0</span>

<div class="box2">

<!-- hollow 代表空星 -->

<img class="hollow" src="work2_03.png" alt=""><span class="number1">收藏:</span>

<span>500</span>

</div>

<div class="call">客服電話：0371-8412782</div>

</div>

</div>

<div class="box">

<img src="work1_03.png" alt="">

<div class="fonts">

<span class="shopping">三毛</span>

<span class="shopping1">美食購物</span>

</div>

<div class="box1">

<div class="box0 star3"></div>

<span class="number">5.0</span>

<div class="box2">

<!-- hollow 代表空星 -->

<img class="hollow" src="work2_03.png" alt=""><span class="number1">收藏:</span>

<span>500</span>

</div>

<div class="call">客服電話：0371-8412782</div>

</div>

</div>

<div class="box">

<img src="work1_03.png" alt="">

<div class="fonts">

<span class="shopping">三毛</span>

<span class="shopping1">美食購物</span>

</div>

<div class="box1">

<div class="box0 star4"></div>

<span class="number">5.0</span>

<div class="box2">

<!-- hollow 代表空星 -->

<img class="hollow" src="work2_03.png" alt=""><span class="number1">收藏:</span>

<span>500</span>

</div>

<div class="call">客服電話：0371-8412782</div>

</div>

</div>

<div class="box">

<img src="work1_03.png" alt="">

<div class="fonts">

<span class="shopping">三毛</span>

<span class="shopping1">美食購物</span>

</div>

<div class="box1">

<div class="box0 star5"></div>

<span class="number">5.0</span>

<div class="box2">

<!-- hollow 代表空星 -->

<img class="hollow" src="work2_03.png" alt=""><span class="number1">收藏:</span>

<span>500</span>

</div>

<div class="call">客服電話：0371-8412782</div>

</div>

</div>

<div class="box">

<img src="work1_03.png" alt="">

<div class="fonts">

<span class="shopping">三毛</span>

<span class="shopping1">美食購物</span>

</div>

<div class="box1">

<div class="box0 star1"></div>

<span class="number">5.0</span>

<div class="box2">

<!-- hollow 代表空星 -->

<img class="hollow" src="work2_03.png" alt=""><span class="number1">收藏:</span>

<span>500</span>

</div>

<div class="call">客服電話：0371-8412782</div>

</div>

</div>

<div class="box">

<img src="work1_03.png" alt="">

<div class="fonts">

<span class="shopping">三毛</span>

<span class="shopping1">美食購物</span>

</div>

<div class="box1">

<div class="box0 star2"></div>

<span class="number">5.0</span>

<div class="box2">

<!-- hollow 代表空星 -->

<img class="hollow" src="work2_03.png" alt=""><span class="number1">收藏:</span>

<span>500</span>

</div>

<div class="call">客服電話：0371-8412782</div>

</div>

</div>

<div class="box">

<img src="work1_03.png" alt="">

<div class="fonts">

<span class="shopping">三毛</span>

<span class="shopping1">美食購物</span>

</div>

<div class="box1">

<div class="box0 star3"></div>

<span class="number">5.0</span>

<div class="box2">

<!-- hollow 代表空星 -->

<img class="hollow" src="work2_03.png" alt=""><span class="number1">收藏:</span>

<span>500</span>

</div>

<div class="call">客服電話：0371-8412782</div>

</div>

</div>

<div class="box">

<img src="work1_03.png" alt="">

<div class="fonts">

<span class="shopping">三毛</span>

<span class="shopping1">美食購物</span>

</div>

<div class="box1">

<div class="box0 star4"></div>

<span class="number">5.0</span>

<div class="box2">

<!-- hollow 代表空星 -->

<img class="hollow" src="work2_03.png" alt=""><span class="number1">收藏:</span>

<span>500</span>

</div>

<div class="call">客服電話：0371-8412782</div>

</div>

</div>

<div class="box">

<img src="work1_03.png" alt="">

<div class="fonts">

<span class="shopping">三毛</span>

<span class="shopping1">美食購物</span>

</div>

<div class="box1">

<div class="box0 star5"></div>

<span class="number">5.0</span>

<div class="box2">

<!-- hollow 代表空星 -->

<img class="hollow" src="work2_03.png" alt=""><span class="number1">收藏:</span>

<span>500</span>

</div>

<div class="call">客服電話：0371-8412782</div>

</div>

</div>

<div class="box">

<img src="work1_03.png" alt="">

<div class="fonts">

<span class="shopping">三毛</span>

<span class="shopping1">美食購物</span>

</div>

<div class="box1">

<div class="box0 star5"></div>

<span class="number">5.0</span>

<div class="box2">

<!-- hollow 代表空星 -->

<img class="hollow" src="work2_03.png" alt=""><span class="number1">收藏:</span>

<span>500</span>

</div>

<div class="call">客服電話：0371-8412782</div>

</div>

</div>

<div class="box">

<img src="work1_03.png" alt="">

<div class="fonts">

<span class="shopping">三毛</span>

<span class="shopping1">美食購物</span>

</div>

<div class="box1">

<div class="box0 star5"></div>

<span class="number">5.0</span>

<div class="box2">

<!-- hollow 代表空星 -->

<img class="hollow" src="work2_03.png" alt=""><span class="number1">收藏:</span>

<span>500</span>

</div>

<div class="call">客服電話：0371-8412782</div>

</div>

</div>

</div>

</div>

<!-- 底部 -->

<div class="bottom_tt">

<div class="bottom_title">

<dd class="user">用戶指南</dd>

<dd class="user1">注冊應(yīng)用</dd>

<dd class="user1">找回密碼</dd>

<dd class="user1">便民寶</dd>

</div>

<div class="bottom_title">

<dd class="user">訂單交易</dd>

<dd class="user1">交易流程</dd>

<dd class="user1">財(cái)務(wù)安全</dd>

<dd class="user1">支付方式</dd>

<dd class="user1">我要退單</dd>

</div>

<div class="bottom_title">

<dd class="user">聯(lián)盟店</dd>

<dd class="user1">申請流程</dd>

<dd class="user1">我要加入</dd>

<dd class="user1">資質(zhì)認(rèn)證</dd>

<dd class="user1">信息發(fā)布</dd>

</div>

<div class="bottom_title">

<dd class="user">合作社</dd>

<dd class="user1">申請流程</dd>

<dd class="user1">我要加入</dd>

<dd class="user1">資質(zhì)認(rèn)證</dd>

<dd class="user1">信息發(fā)布</dd>

</div>

<div class="bottom_title">

<dd class="user">物流港</dd>

<dd class="user1">功能說明</dd>

<dd class="user1">常見問題</dd>

<dd class="user1">查找信息</dd>

<dd class="user1">聯(lián)系我們</dd>

</div>

<div class="bottom_title">

<dd class="user">信息站</dd>

<dd class="user1">申請流程</dd>

<dd class="user1">我要加入</dd>

<dd class="user1">資質(zhì)認(rèn)證</dd>

<dd class="user1">信息發(fā)布</dd>

</div>

<div class="bottom_title">

<dd class="user">服務(wù)中心</dd>

<dd class="user1">售后政策</dd>

<dd class="user1">價(jià)格保護(hù)</dd>

<dd class="user1">聯(lián)系客服</dd>

</div>

</div>

</body>

</html>

```

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1. tab列表折疊效果 html: 能源系統(tǒng)事業(yè)部 崗位名稱： 工作地點(diǎn) 崗位名...
    lilyping閱讀 2,015評論 0贊 1
  • 不會用代碼框，所以看著有些亂套，，，，html部分 <!DOCTYPE html> 迅雷看看 ...
    這就是個(gè)帥氣的名字閱讀 1,922評論 0贊 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML標(biāo)準(zhǔn)。 注意：講述HT...
    kismetajun閱讀 28,867評論 1贊 45
  • 小米閃購商城的基本結(jié)構(gòu)還原 html代碼<!DOCTYPE html> 小米閃購-小米商城 ...
    一曲一人聽閱讀 351評論 0贊 1
  • 原創(chuàng)作品，允許轉(zhuǎn)載，轉(zhuǎn)載時(shí)請務(wù)必以超鏈接形式標(biāo)明文章 原始出處 、作者信息和本聲明。否則將追究法律責(zé)任。http:...
    狼之獨(dú)步閱讀 3,287評論 0贊 2

友情鏈接更多精彩內(nèi)容