Rumah >hujung hadapan web >tutorial css >CSS控制列表
CSS控制列表
- 无忌哥哥asal
- 2018-06-28 17:41:341767semak imbas
属性 描述
list-style 简写属性。用于把所有用于列表的属性设置于一个声明中
list-style-image 将图象设置为列表项标志。
list-style-position 设置列表中列表项标志的位置。
list-style-type 设置列表项标志的类型。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3.CSS控制列表</title>
<style>
.list {
width: 350px;
height:500px;
/*background-color: lightskyblue;*/
border: 1px solid #696969;
border-radius: 2%;
color: #363636;
background-color: #fefefe;
}
.list h2 {
padding-left: 20px;
}
.item {
list-style-type:decimal;
list-style-position: inside;
padding: 10px;
}
.item li {
/*background-color: lightgreen;*/
}
.item li a {
text-decoration: none;
}
.item li a:hover {
text-decoration: underline;
color:#6CF;
font-size: 1.05em;
}
</style>
</head>
<body>
<div class="list">
<h2>头条公告</h2>
<ul class="item">
<li><a href="">物理学家史蒂芬·霍金去世，享年76岁</a></li>
<li><a href="">物理学家史蒂芬·霍金去世，享年76岁</a></li>
<li><a href="">物理学家史蒂芬·霍金去世，享年76岁</a></li>
<li><a href="">物理学家史蒂芬·霍金去世，享年76岁</a></li>
<li><a href="">物理学家史蒂芬·霍金去世，享年76岁</a></li>
<li><a href="">物理学家史蒂芬·霍金去世，享年76岁</a></li>
<li><a href="">物理学家史蒂芬·霍金去世，享年76岁</a></li>
<li><a href="">物理学家史蒂芬·霍金去世，享年76岁</a></li>
<li><a href="">物理学家史蒂芬·霍金去世，享年76岁</a></li>
</ul>
</div>
</body>
</html>Atas ialah kandungan terperinci CSS控制列表. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn