精美电商悬浮框.html

小阴学习吧

已于 2024-08-28 20:13:50 修改

阅读量772

点赞数 1

分类专栏： html 文章标签： html css 前端

于 2022-05-26 18:18:51 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45354103/article/details/124989961

版权

html 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何使用HTML和CSS技术构建一个吸引人的电商悬浮购物框，该购物框能提升用户体验并促进商品购买。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

精美电商悬浮框.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>精美电商悬浮框</title>
<style type="text/css">
		body{
			font-size: 18px;
			font-family: "微软雅黑";
			color: #222;
			
	}
	body,ul,li{
		padding: 0;
		margin: 0;
		list-style: none;
	}
 
		ul{
			width: 171px;
			height: 299px;
			padding-top: 190px;
			color: #fff;
			background: url("images-第5章素材/images/bg.jpg");
	}
 
		li{
			width: 80px;
		    height: 40px;
			text-align: center;
			line-height: 40px;
			border-bottom: 1px dotted #fff;
			margin-left: 45px;
			
		}
	.no_line{
		border: none;
	}
</style>
</head>
 
<body>
<ul>
		<li>服装鞋帽</li>
		<li>数码家电</li>
		<li>运动户外</li>
		<li>孕婴用品</li>
		<li>厨卫家居</li>
</ul>
</body>
</html>