潮流前线潮流前线潮流前线

最新推荐文章于 2024-07-08 17:09:50 发布

某某287

最新推荐文章于 2024-07-08 17:09:50 发布

阅读量189

点赞数

文章标签： css Powered by 金山文档

本文链接：https://blog.csdn.net/qq_62680675/article/details/129112950

版权

HTML：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<ul>

</ul>

</div>

</div>

</div>

<dl>

</dl>

<dl>

</dl>

<dl>

</dl>

<dl>

</dl>

<dl>

</dl>

<dl>

</dl>

<dl>

</dl>

<dl>

</dl>

</div>

<dl>

<dt>

</dt>

<dd>温莎领休闲衬衫</dd>

<hr />

</dl>

<dl>

<dt>

</dt>

<dd>艺术条纹衬衫</dd>

<hr />

</dl>

<dl>

<dt>

</dt>

<dd>英伦格纹休闲衬衫</dd>

<hr />

</dl>

<dl>

<dt>

</dt>

<dd>针织短袖T恤</dd>

<hr />

</dl>

<dl>

<dt>

</dt>

<dd>中长连衣裙</dd>

<hr />

</dl>

<dl>

<dt>

</dt>

<dd>束腰连衣裙</dd>

<hr />

</dl>

<dl>

<dt>

</dt>

<dd>简约手提包</dd>

<hr />

</dl>

<dl>

<dt>

</dt>

<dd>大边框太阳镜</dd>

<hr />

</dl>

</div>

<p>专属定制服务：+86-177888899**/+0714-66655**</p>

</div>

<p>

创立于1992年的****集团是集研发、生产、品牌管理、服务于一体的大型现代化品牌企业。

27年来集团始终坚持国际化品牌经营理念，现已发展成为一家多品牌、集团化运作的知名时尚品牌企业。

</p>

</div>

<p>分类浏览 - 使用条款 - 销售条款 - 隐私政策沪ICP备14009339号上海工商沪公网安备31011002000177号</p>

</div>

</body>

</html>

CSS：

margin: 0px;

padding: 0px;

list-style: none;

text-align: center;

font-family: "arial black";

}

#logo img{

width: 160px;

height: 60px;

margin-top: 12px;

}

display: inline-block;

height: 80px;

line-height: 80px;

padding: 0 30px;

text-decoration: none;

color: black;

}

.banner img{

width: 1300px;

height: 250px;

}

.top li:hover a{

background: black;

color: white;

}

.top{

position: fixed;

height: 80px;

width: 100%;

min-width: 768px;

background: white;

z-index: 100;

opacity: 0.80;

}

.top li{

float: left;

height: 100%;

}

.top ul{

height: 100%;

padding-left: 130px;

}

.qrcode {

width: 100px;

height: 100px;

position: fixed;

right: 20px;

bottom: 150px;

z-index: 10;

}

.content img{

width: 100%;

}

.content dl{

position: relative;

width: 250px;

float: left;

margin: 20px;

border: 1px solid #ddd;

background: #eee;

}

.sub-title{

clear: both;

background: #eee;

border-bottom: 1px solid brown;

}

.content dt,

.content dt img{

height: 375px;

}

.content dl hr{

border: 0;

border-bottom: 1px solid #ddd;

}

.hot{

position: absolute;

height: 60px;

width: 60px;

left: 0;

top: 0;

}

.star-show dd{

position: absolute;

left: 0;

bottom: 0;

display: inline-block;

width: 100%;

color: white;

background: gray;

opacity: 0.7;

}

.star-show,

.product-clothes{

width: 1200px;

margin: 0 auto;

}

.price{

text-decoration: line-through;

}

.cur-price{

color: red;

}

.product-clothes img{

position: absolute;

left: 0;

top: 0;

}

.product-clothes img:hover{

opacity: 0;

}

.product-clothes button{

width: 100%;

background: white;

border: 1px solid brown;

cursor: pointer;

}

.custom{

clear: both;

background: url(../img/custom-bg.jpg);

margin-bottom: 200px;

position: relative;

height: 350px;

}

.custom .card{

position: absolute;

width: 500px;

top: 100px;

left: 200px;

border: 1px solid #ddd;

background: #eee;

box-shadow: 2px 6px 3px -1px #e2e2e2;

}

.custom .custom-content{

width: 500px;

float: right;

color: white;

margin-top: 80px;

margin-right: 50px;

}

.footer{

clear: both;

background: brown;

color: white;

height: 120px;

line-height: 60px;

}

某某287

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
潮流前线潮流前线潮流前线

潮流前线
复制链接

扫一扫

潮流前线潮流前线潮流前线

“相关推荐”对你有帮助么？