实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>对其方式</title>
<style type="text/css">
.box1{
width: 350px;
height: 600px;
background-color: #fefefe;
border: 1px solid #696969;
border-radius: 20px;
/*text-align: center; */ /*水平居中*/
}
.h3{
color: #696969;
text-align: left;
}
.h3 a {
text-decoration: none;
}
.box1 a{ text-decoration: none;
line-height: 70px;
color: #696969;
}
.box2 {
display: table-cell;
vertical-align: bottom; /* 底部居中*/
}
.ul {
list-style-type: decimal;
}
.ul li a:hover{
color: red;
font-size: 1.1em;
}
</style>
</head>
<body>
<h3 class="h3">php开发辅助工具下载 <a href="#" >More</a></h3>
<div class="box1">
<ul class="ul">
<li><a href="">SublimeText3 Win新版</li>
<li><a href="">SublimeText3 Mac新版</li>
<li><a href="">SublimeText3 Linux新版</li>
<li><a href="">EMQTT(Erlang MQTT消息服务器)</li>
<li><a href="">协通XT800远程协助软件个人版 v1.0.0</li>
<li><a href="">协通XT800服务端 v5.2.0</li>
<li><a href="">Nginx辅助器 v1.0.5.1</li>
</ul>
<div class="box2">
<a href="">上一页</a>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="">5</a>
<a href="">下一页</a>
</div>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
