项目图像

可利用list-style-image属性将一个图像作为项目符号使用。

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">
            ul {
                list-style-image: url("images/star.png");
            }
            li {
                margin: 10px 0px 0px 0px;
            }
        </style>
    </head>
    <body>
        <div>TODO write content</div>
        <h1>该属性的值以字母url开头，后面跟着一对圆括号。</h1>
        <ul>
            <li>属性</li>
            <li>姓名</li>
            <li>图像</li>
            <li>个人爱好</li>
            <li>个人特长</li>
        </ul>
    </body>
</html>

 

posted @ 2018-08-08 10:40  梦人亭  阅读(126)  评论(0)  编辑  收藏  举报