【小练习05】HTML+CSS--淘宝商铺小页面

最新推荐文章于 2023-07-03 08:00:00 发布

Java仗剑走天涯

最新推荐文章于 2023-07-03 08:00:00 发布

阅读量2.1k

点赞数 1

分类专栏：前端基础HTML5/CSS3 文章标签： html css 练习

本文链接：https://blog.csdn.net/baidu_37107022/article/details/71747249

版权

要求实现如下效果图：

这里写图片描述

代码演示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			body{
				background: #f7f7f7;
			}
			h2,h3,p{
				margin: 0;
			}
			ul{
				margin: 0;
				padding: 0;
				list-style: none;
			}
			a{
				text-decoration: none;
			}
			
			#wrap{
				width: 260px;
				padding-top: 4px;
			}
			#wrap h2{
				height: 20px;
				background: url(images/title_img.gif) no-repeat;
				text-indent: 99px;
				font: bold 12px/17px '宋体';
				color: #6c6c6c;
				margin-bottom: 14px;
			}
			.box{
				background: #fff;
				border: 1px solid #e8e8e8;
			}
			.list{
				padding: 12px 14px 16px 14px;
				b