目录
效果图
01 仿客服页面
02 帮助中心
03 部分中药标签按首字母排序
04 滚筒洗衣机排行榜
05 开心庄园使用说明
06 新闻资讯页面
代码
01
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>仿客服常见问题</title>
<style>
h3{
font-size: medium;
color:darkred;
}
p{
color: #1F87CC;
}
.p_1{
color: antiquewhite;
};
</style>
</head>
<body>
<h1>客服常见问题</h1>
<img src="image/kefu.png" height="72" width="1291" large="36">
<h2>客服温馨提示</h2>
<p>为了减少您可能需要等待的时间，您不妨先仔细阅读下面的常见问题。查询物流情况，退货，退余额等操作均可以登录XX网站后自助进行，
无需联系客服。如果仍然无法解决。请您在本页页底下联系在线客服，将会有专人为您解决问题</p>
<hr>
<h3>订单什么时候发货？大概需要多长时间可以收到货？</h3>
<p class="p_1">正常情况下您的订单在6小时内发出（最晚不超过1个工作日）。发货后，您可以在我的订单中查看发货状态。由于快递公司可能无法实时更新信息
，因此您看到的发货情况可能有一定的延迟。</p>
<h3>为什么后下的订单，先收到了，之前下的订单还没有收到？你们是按什么顺序发货？</h3>
<p>为了单位时间内以最快的速度处理尽量多的订单，我们会适当综合订单里货品的配货的情况安排发货顺序
，因此可能会出现订单发货和下单顺序不完全一致的情况。我们会尽一切努力为您尽快发货的。</p>
<hr>
</body>
</html>02
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>帮助中心</title>
<style>
.s1{
font-size: 30px;
color:cornflowerblue;
}
h1{
font-size:55px;
}
</style>
</head>
<body>
<h1>帮助中心</h1>
<p><a class="s1" href="#" target="_blank">使用帮助</a>
<hr>
<a class="s1" href="#" target="_blank">账户相关</a>
<hr>
<a class="s1" href="#" target="_blank">支付相关</a>
<hr>
<a class="s1" href="#" target="_blank">配送相关</a>
<hr>
<a class="s1" href="#" target="_blank">售后相关</a>
<hr>
<a class="s1" href="#" target="_blank">手机版</a>
</p>
</body>
</html>03
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>中药标签排序</title>
<style>
h1{
font-size: 25px;
font-weight: bolder;
font-family:楷体;
}
p span{
font-weight: bolder;
color: red;
}
p{
font-size:20px;
line-height: 20px;
}
body{
font-family: "Times New Roman",Times,"宋体";
}
</style>
</head>
<body>
<h1>部分中药名</h1>
<p>
<span>A</span> 阿胶补血，止血，滋阴润燥。 艾叶温经止血，散寒调经，安胎。<br>
<span>B</span> 巴豆峻下冷积，逐水退肿，祛痰利咽，蚀疮。 巴戟天补肾阳，强筋骨，祛风湿。
白扁豆健脾，化湿，消暑。 白豆蔻化湿行气，温中止呕。
白薇清热凉血，利尿通淋，解毒疗疮。<br>
<span>C</span> 苍耳子散风除湿，通窍止痛。<br>
<span>D</span> 大风子攻毒杀虫，祛风燥湿。大腹皮行气导滞，利水消肿食滞气阻+水肿.
大黄泻下攻积，清热泻火，止血，解毒，活血祛瘀。 大蓟凉血止血，散瘀解毒消痈。<br>
<span>E</span> 莪术破血行气，消积止痛。
<br><span>F</span> 番泻叶泻下导滞。 防风发表散风，胜湿止痛，止痉，止泻。
茯苓利水渗湿，健脾安神。 浮小麦敛汗，益气，除热。 附子回阳救逆，助阳补火，散寒止痛。
<br><span>G</span>干姜温中散寒，回阳通脉，温肺化饮。 甘草益气补中，清热解毒，祛痰止咳，缓急止痛，调和药性。
甘遂泻水逐饮，消肿散结。 高良姜散寒止痛，温中止呕
<br><span>H</span> 海金沙利尿通淋。 海螵蛸固精止带，收敛止血，制酸止痛，收湿敛疮。
海藻消痰软坚，利水消肿。 海带软坚散结 寒水石清热泻火
<br><span>J</span> 鸡内金消食健胃，涩精止遗。 鸡血藤行血补血，调经，舒筋活络。 姜黄活血行气，通经止痛。
僵蚕息风止痉，祛风止痛，化痰散结。 金钱草除湿退黄，利尿通淋，解毒消肿.
<br><span>K</span> 苦参清热燥湿，杀虫利尿。 苦楝皮杀虫，疗癣。 苦杏仁止咳平喘，润肠通便。 款冬花润肺止咳化痰，降气平喘。
昆布消痰软坚散结，利水消肿。
<br><span>L</span> 莱菔子消食除胀，降气化痰。 雷公藤祛风除湿，活血通络，消肿止痛，杀虫解毒。
雷丸杀虫。 荔枝核行气散结，散寒止痛。 连翘清热解毒，消痈散结，疏散风热。
<br><span>M</span> 麻黄发汗解表，宣肺平喘，利水消肿。 麻黄根敛肺止汗。 马兜铃清肺化痰，止咳平喘。 马钱子散结消肿，通络止痛。
麦冬养阴润肺，益胃生津，清心除烦
<br><span>N</span> 南瓜子杀虫。 南沙参养阴清肺，化痰，益气。 牛蒡子疏散风热，透疹利咽，解毒散肿。牛黄息风止痉，化痰开窍，清热解毒。
牛膝活血通经，补肝肾，强筋骨，利水通淋，引火（血）下行。 女贞子补肝肾阴，乌须明目。
<br><span>P</span> 炮姜温经止血，温中止痛。 佩兰化湿，解暑。 硼砂外用清热解毒，内服清肺化痰。 砒石外用蚀疮去腐，内服劫痰平喘。
枇杷叶清肺化痰止咳，降逆止呕。 蒲公英清热解毒，消痈散结，利湿通淋。
<br><span>Q</span> 蕲蛇祛风通络，定惊止痉。 牵牛子泻下，逐水，去积，杀虫。
铅丹拔毒生肌，杀虫止痒。 前胡降气化痰，宣散风热。 芡实益肾固精，健脾止泻，除湿止带
<br><span>R</span> 人参大补元气，补脾益肺，生津，安神。 肉苁蓉补肾阳，益精血，润肠通便。 肉豆蔻涩肠止泻，温中行气。
肉桂补火助阳，散寒止痛，温经通脉。 乳香活血行气止痛，消肿生肌。 糯稻根须止虚汗，退虚热。
<br><span>S</span> 三棱破血行气，消积止痛. 三七化瘀止血，活血定痛。 桑白皮泻肺平喘，利水消肿。 桑寄生祛风湿，益肝肾，强筋骨，安胎。
<br><span>T</span> 太子参补气生津。 桃仁活血祛瘀，润肠通便。 天冬养阴润燥，清火，生津。 天花粉清热生津，清肺润燥，解毒消痈
<br><span>W</span> 威灵仙祛风湿，通经络，消骨哽。 乌梅敛肺止咳，涩肠止泻，安蛔止痛，生津止渴。 乌药行气止痛，温肾散寒。
吴茱萸散寒止痛，温中止呕，助阳止泻。 蜈蚣息风止痉，攻毒散结，通络止痛
<br><span>X</span> 西洋参补气养阴，清火生津。 豨莶草祛风湿，通经活络，清热解毒。 细辛祛风散寒，通窍，止痛，温肺化饮。
夏枯草清肝火，散郁结。 仙鹤草收敛止血，补虚，消积，止痢，杀虫
<br><span>Y</span> 夜交藤养心安神，祛风通络阴虚血少失眠多梦+风湿痹痛延胡索活血，行气，止痛。 芫花泻水逐饮，祛痰止咳，杀虫疗疮。
薏苡仁利水渗湿，健脾，除痹，清热排脓。 茵陈蒿清利湿热，利胆退黄。 淫羊藿温肾壮阳，强筋骨，祛风湿。 银柴胡清虚热，除疳热。
<br><span>Z</span> 蚤休清热解毒，消肿止痛，凉肝定惊。 皂荚祛顽痰，通窍开闭，祛风杀虫。 泽泻利水渗湿，泄热。
</p>
</body>
</html>04
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>滚筒洗衣机排行榜</title>
<style>
.bigSmall{
width: 200px;
height:240px
}
p{
color:red;
font-size: 30px;
}
</style>
</head>
<body>
<h1>滚筒洗衣机销售排行榜</h1>
<p><img class="bigSmall" src="image/washer1.jpg" alt="滚筒洗衣机1" title="滚筒洗衣机1">格兰仕</p>
<hr>
<img class="bigSmall" src="image/washer2.jpg" alt="滚筒洗衣机2" title="滚筒洗衣机2"><p>LG WD-N124</p>
<hr>
<p><img class="bigSmall" src="image/washer3.jpg" alt="滚筒洗衣机3" title="滚筒洗衣机3">三洋</p>
<hr>
<img class="bigSmall" src="image/washer4.jpg" alt="滚筒洗衣机4" title="滚筒洗衣机4"><p>海尔</p>
<hr>
<p><img class="bigSmall" src="image/washer5.jpg" alt="滚筒洗衣机5" title="滚筒洗衣机5">苏宁易购</p>
<hr>
</body>
</html>05
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>开心庄园页面</title>
<link href="fram.css" rel="stylesheet" text="/text/css">
</head>
<body>
<h1>如何犁地、播种和收获？</h1>
<p>1.点击耙子<img src="image/fram1.jpg" alt="耙子">，<span>即可庄园中开垦土地</span>；</p>
<p>2.一开始，你可以开垦数十块土地<img src="image/fram3.jpg" alt="土地">；<span>扩充庄园后，可开垦的更多</span>；</p>
<p>3.在商店<img src="image/fram2.jpg" alt="商店"><span>购买种子后</span>，
点击庄园中的土地<img src="image/fram3.jpg" alt="土地">，<span>即可播种</span></p>
<p>4.别忘了收获自己的劳动成果，枯萎后就颗粒无收了</p>
<p>5.使用铲子<img src="image/fram4.jpg" alt="铲子"><span>删除庄园里的田地和植物</span></p>
<p>6.到达一定级别，可利用拖拉机<img src="image/fram5.jpg" alt="拖拉机">，
播种机<img src="image/fram6.jpg" alt="播种机">，收割机<img src="image/fram7.jpg" alt="收割机">，
<span>方便快捷的劳作</span></p>
</body>
</html>body{
color: #9C2F06;
}
h1{
font-weight: bolder;
font-size: 18px;
line-height: 40px;
}
p{
font-size: 12px;
line-height: 20px;
}
img,span{
vertical-align:middle;
}
img{
height:30px;
width:30px;
}06
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>新闻资讯页面</title>
<link href="news.css" rel="stylesheet" text="/text/css">
</head>
<body>
<h1>看不见的完美硬币：细节的负担</h1>
<h2>创新公司皮克斯的启示</h2>
<p id="date">2015年05月05日 <span > 17:47</span></p>
<p id="image_word"><img src="image/book2.png" alt="看不见的完美硬币：细节的负担" title="看不见的完美硬币：细节的负担">
<br>
<em>
细节从来都是个好东西，完美的细节往往给我们赢得商业上的胜利。
但是，在皮克斯，这一家满是完美主义设计师的皮夜里，细节竟然成为了负担。
</em>
</p>
</body>
</html>h1{
font-size: 22px;
color: #333;
font-family: Arial,"宋体";
text-align: center;
text-shadow: rgba(255,255,255,0.5) 2px 2px 2px;
}
h2{
font-size: 18px;
color: #999;
line-height: 30px;
text-align: right;
}
p{
font-size: 14px;
color: #333333;
font-family: Arial,"宋体";
line-height: 1.8;
text-indent: 2em;
}
#date{
font-size: 12px;
text-align: center;
line-height: 30px;
}
p span{
color: red;
}
#image_word{
text-align: center;
}
扫一扫
501
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
