南大软院二十一天成神计划
来源:互联网 发布:超图软件实施待遇 编辑:程序博客网 时间:2024/05/16 04:58
今天写了一个简易的淘宝界面,是为了运用学过的知识,也是为了以后从事的电商行业做准备~
<title>CSS样式</title>
<style type="text/css">body{
font-size:24px; font-family: "方正兰亭超细黑简体";
}
.a{
padding-right:10px;
text-decoration: none;
}
ul{
margin:0 auto;
padding:12px 0 0 12px;
border:1px soild #00CC66;
list-style:none;
}
ul li{float:left;
margin:0 12px 12px 0;
display:inline;}
ul li a{
display:block;
width:300p
height:400px;
text-decoration:none;
text-align:center;
overflow:hidden;
}
</style>
</head>
<ul>
<li><a href="Untitled-3.html"><img src="000.jpg"width="300" height="300"/><br/><strong>精美羊毛衫</strong><span>¥<em>500</em></span></a></li>
<li><a href="#"><img src="001.jpg"width="300" height="300"/><br/><strong>皎洁白月光</strong><span>¥<em>600</em></span></a></li>
<li><a href="#"><img src="01.jpg"width="300" height="300"/><br/><strong>高档羽绒服</strong><span>¥<em>700</em></span></a></li>
<li><a href="#"><img src="06.jpg"width="300" height="300"/><br/><strong>智能品牌机</strong><span>¥<em>800</em></span></a></li>
<li><a href="#"><img src="011.jpg"width="300" height="300"/><br/><strong>加绒保暖衣</strong><span>¥<em>900</em></span></a></li>
<li><a href="#"><img src="00.jpg"width="300" height="300"/><br/><strong>品牌手机店</strong><span>¥<em>1000</em></span></a></li>
</ul>
<body>
</body>
</html>
效果如图:
x;
0 0
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划第二天
- 南大软院二十一天成神计划第三天
- 二十一天成神计划之小白第一天
- linux查找目录下的所有文件中是否含有某个字符串
- js简单登录弹窗
- The "Double-Checked Locking is Broken" Declaration
- 本地yum源的配置
- python基础教程共60课-第8课while
- 南大软院二十一天成神计划
- OSX10.11分屏(SplitView)功能的新特性研究(三)
- Arrays、Collections
- 欢迎使用CSDN-markdown编辑器
- LeetCode(292) Nim Game解题报告
- 欢迎使用CSDN-markdown编辑器
- RadioGroup和RadioButton的实现
- 实现Python str.split功能的小函数
- spark中对rdd的几个操作