一,效果圖。
二,代碼。
?
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS 樣式列表(url)title>
<style>
ul.a {
list-style: circle;
}
ul.b {
list-style: square;
}
ol.c {
list-style: upper-roman;
}
ol.d {
list-style: lower-alpha;
}
ul {
list-style: none;
padding: 0px;
margin: 0px;
}
ul li {
background-image: url(sqpurple.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}
style>
head>
<body>
<p>example of unorderedp>
<ul class="a">
<li>coffeeli>
<li>teali>
<li>coca cocali>
ul>
<ul class="b">
<li>coffeeli>
<li>teali>
<li>coca cocali>
ul>
<p>example of ordered lists:p>
<ol class="c">
<li>coffeeli>
<li>teali>
<li>coco cocoli>
ol>
<ol class="d">
<li>coffeeli>
tea
cocoa cocoa