第六章2
14861 ワード
/span>html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> title>
<style>
ul,li{padding: 0px;margin: 0px;}
div{
border: 2px solid orange;
border-radius: 8px;
width: 200px;
box-sizing: border-box;
}
li{
list-style-type: none;
font-size: 15px;
font-weight: bold;
padding: 15px 50px;
border-bottom: 1px gray dotted;
}
li:nth-of-type(1){
background: url("aa.jpg")0px 3px no-repeat;
}
li:nth-of-type(2){
background: url("aa.jpg")0px 1px no-repeat;
}
li:nth-of-type(3){
background: url("aa.jpg")no-repeat;
}
li:nth-of-type(4){
background: url("aa.jpg")0px 2px no-repeat;
}
li:nth-of-type(5){
background: url("aa.jpg")0px 2px no-repeat;
}
li:nth-of-type(6){
background: url("aa.jpg")no-repeat;
}
li:nth-of-type(7){
background: url("aa.jpg")0px 1px no-repeat;
}
li:nth-of-type(8){
background: url("aa.jpg")0px 3px no-repeat;
}
li:nth-of-type(9){
background: url("aa.jpg")0px 3px no-repeat;
}
li:nth-of-type(10){
background: url("aa.jpg")0px 2px no-repeat;
border-bottom:none;
}
style>
head>
<body>
<div>
<ul>
<li> 、 li>
<li> li>
<li> li>
<li> li>
<li> 、 li>
<li> 、 li>
<li> li>
<li> li>
<li> 、 li>
<li> li>
ul>
div>
body>
html>