<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8">
<title>CSS控制元素对齐的不同</title>
<style type="text/css">
.list{
width: 400px;
height: 600px;
background-color:#fefefe;
border:2px solid #55555;
background-image: url(../images/9.jpg)
}
.list h1{
padding-left: 30px;
}
.item {
list-style-position:outside;
}
.item li a {
text-decoration: none;
}
.item li a:hover{
text-decoration:underline;
color: red;
font-size: 1.10em;
}
</style>
</head>
<body>
<div>
<h1>微博实时热搜</h1>
<ul>
<li><a href="">偶遇杨幂张大大</a></li>
<li><a href="">宋慧乔瘦了</a></li>
<li><a href="">吃不胖的理念</a></li>
<li><a href="">为了追女神狂减70斤</a></li>
<li><a href="">张无忌</a></li>
<li><a href="">刘诗诗</a></li>
<li><a href="">用苹果打车比安卓贵</a></li>
<li><a href="">赵雅芝小儿子</a></li>
<li><a href="">梁静茹回应冒充</a></li>
<li><a href="">相亲时最害怕什么</a></li>
</ul>
</body>
</html>