第六章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>