2021-09-18 练习制作聚美优品页面

创建一个HTML文件

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><!-- 引用在css里面创建的链接 --><link rel="stylesheet" type="text/css" href="css/聚er.css" /></head><body><!-- 设立盒子标签 --><!-- 最大的盒子 --><div class="box"><!-- 大盒子第一个 --><div class="box1">大家都喜欢买的美容品</div><!--大盒子里第二个  --><ol class="box2">用有序列表包起来
span标签包数字 <li><span>1</span> 雅诗兰黛即时修护眼部精华霜15ml</li><li><span>2</span> 伊丽莎白雅顿显效复合活肤霜 75ml</li><li><span>3</span> OLAY玉兰油多效修护霜 50g</li><li><span>4</span> 巨型一号丝瓜水320ML</li><li><span>5</span> 倩碧保湿洁肤水2号 200ml</li><li><span>6</span> 比度克细肤淡印霜 30g</li><li><span>7</span> 兰芝 (LANEIGE)夜间修护锁水面膜 80ml</li><li><span>8</span> SK-II护肤精华露 215ml</li><li><span>9</span> 欧莱雅青春密码活颜精华肌底液</li></ol></div></body>
</html>

这是css部分

/* 网页背景颜色 */
body{background-color: #EEE7E1;
}
.box1{/* 盒子一 */background-color: #E9185A;/* 字体颜色 */color: white;/* 首行缩进 */text-indent: 1em;
}
.box{width: 300px;background-color: white;font-size: 14px;/* 行高 */line-height: 30px;/* 字体加粗 */font-weight: bold;
}
.box2{/* 内外边距 */padding: 0px;margin: 0px;/* 去下划线 */list-style: none;}
.box2 li{/* 下划线 类型 颜色 */border-bottom: 2px dashed gray;
}
.box2 span{background-color: green;/* 内边距撑为方形 */padding: 3px 8px;/* 圆角 */border-radius: 50%;/* 内部数字 */color: white;
}
/* 鼠标移上变色 */
.box2 li:hover span{color: yellow;cursor: pointer;
}
.box2 li:hover{color: blue;/*移上变手 */cursor: pointer;
}

2021-09-18 练习制作聚美优品页面相关推荐

运用HTML和CSS制作聚美优品注册整体界面
运用HTML和CSS制作聚美优品注册整体界面聚美优品的界面一向很讨广大客户的喜爱,好看却不繁杂,下面大家看下本次将制作的界面看到网页的第一件事就是想布局,如何把整个网页中各个元素进行包装分化.总体 ...
如何批量下载聚美优品多个商品的图片素材并按分类保存
爱逛街购物的朋友们看过来了,今天小编教你们一个挑选商品的好方法,并批量将喜欢的商品图片素材一一保存下来.下面小编以聚美优品平台为例给大家演示操作,一起来看看吧. 先给大家展示一组,用载图助手一键批量抓 ...
聚美优品被曝涉嫌知假售假股价周一跌4.18%
聚美优品股价周一走势腾讯科技讯 7月29日消息,因被曝涉嫌知假售假,聚美优品股价周一下跌4.18%,收报30.28美元:盘中一度下探至28.50美元,跌幅达10%. 腾讯科技经过长达半个月的暗访发现 ...
聚美优品店庆nbsp;从天堂到地狱
2019独角兽企业重金招聘Python工程师标准>>> 编者按:今天上班,无意中看到好123导航网站上的"聚美优品"那几个字加上了"热"的标签 ...
聚美优品正式退市：陈欧下一个将为谁代言？
聚美优品近日宣布完成私有化,正式从美交所退市了 6周年,距离纽交所敲钟上市6周年还有一个月时间,4月15日,聚美优品(JMEI.US)正式退市,宣布完成了私有化,成为买方团(母公司超级投资环球控股有限 ...
聚美优品、京东：为什么明知假货还有人买？
7月28日,腾讯科技一篇稿件<暗访电商假货链:聚美等涉知假售假>广为传播.该稿件作者调查到,一些第三方供应商号称采购的海外奢侈品其实都来自于内地,通过制作假的证明文件在聚美优品.京东商城等 ...
电商客户端竞品分析-手机淘宝、京东、唯品会、聚美优品
市场状况艾瑞最新统计数据显示,2013年移动网购整体交易规模1676.4亿元,同比增幅高达165.4%,而同期PC端网购规模将近16000多亿元,同比增速35.7%.预计2017年市场规模将近万亿, ...
聚美优品张川：如何搭建秒杀场景下的运维架构
2016年8月12日-13日,由CSDN重磅打造的互联网应用架构实战峰会.运维技术与实战峰会将在成都举行. 这是继SDCC 2016架构技术峰会(上海站,官网.图文直播.架构峰会PPT.数据库峰会PP ...
聚美优品 html 资源,跨界整合行业资源聚美优品向阳而生
2010年,聚美优品横空出世,凭借着首创"化妆品团购"模式迅速占领了市场并赢得了消费者的认可.一年之后也就是2011年,聚美优品注册用户超过了100万,并且销售额突破了5亿.201 ...

2021-09-18 练习制作聚美优品页面

2021-09-18 练习制作聚美优品页面相关推荐

最新文章

热门文章