mi
2024-09-05 03:35:13
小米耳机页面
<style>
* {
margin: 0;
padding: 0;
}
body {
width: 1226px;
background-color: #f5f5f5;
margin: 0 auto;
}
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1;
/*ie6清除浮动的方式 *号只有IE6-IE7执行,其他浏览器不执行*/
}
li {
list-style: none;
}
a {
text-decoration: none;
}
.header {
height: 58px;
line-height: 58px;
}
h2 {
float: left;
}
.type li a {
float: right;
margin-left: 30px;
color: black;
}
.type li a:hover {
color: orange;
padding: 3px 0;
border-bottom: 1px solid orange;
}
.erji .item {
float: left;
width: 234px;
height: 300px;
margin-right: 14px;
margin-bottom: 14px;
background-color: red;
}
.erji {
margin-right: -14px;
}
.erji .item.items1 {
height: 614px;
}
.erji .item.items9,
.item.items10 {
height: 143px;
}
</style>
<body>
<div class="header clearfix">
<h2>智能穿戴</h2>
<ul class="type">
<li><a href="#">耳机</a></li>
<li><a href="#">穿戴</a></li>
</ul>
</div>
<div>
<ul class="erji">
<li class="item items1"></li>
<li class="item items2"></li>
<li class="item items3"></li>
<li class="item items4"></li>
<li class="item items5"></li>
<li class="item items6"></li>
<li class="item items7"></li>
<li class="item items8"></li>
<li class="item items9"></li>
<li class="item items10"></li>
</ul>
</div>
</body>
.type 中的耳机,穿戴的border没写好,不知道为啥下边框离文字那么远,把下面的盒子都订下去了。。。。
最新文章
- Android touch 事件传递机制
- Java界面
- LeetCode 371. Sum of Two Integers
- MySQL 5.6 &; 5.7最优配置模板
- JavaScript日期控件,用select实现
- Hadoop! | 大数据百科 | 数据观 | 中国大数据产业观察_大数据门户
- session_start保存的客户端cookie的值什么时候改变
- mysql技术调优资料整理
- Java第十二周学习总结
- AngularJS执行流程详解(转)
- Linux(七)开机,重启和用户登录注销
- Java位运算原理及使用讲解
- 如何查看程序所占端口号和IP
- Smarty模板保留缓存
- python笔记-1(import导入、time/datetime/random/os/sys模块)
- Git中使用amend解决提交冲突
- Capability Model
- pyinstall 把你的程序变成windows的可执行程序。py exe UPX
- 关于LoadRunner的迭代
- Delphi 枚举所有进程
热门文章
- 跟女朋友介绍十个常用的 Python 内置函数,她夸了我一整天
- mongodump导出mongodb中的数据
- c#反射优化
- ES6判断对象是否为空
- virtualenv指定使用本地某个版本python
- vue+element form 动态改变rules校验数据
- vue页面添加锚点后 点击不改变URL
- go 下的查询数据库的框架 ORM框架:访问mysql数据库
- CentOS7下MySQL数据的导入和导出
- mysql报错This function has none of DETERMINISTIC. NO SOL or READS SOL DATA...