recherche

Maison >interface Web >tutoriel CSS >Liste de contrôle CSS

Liste de contrôle CSS

无忌哥哥
无忌哥哥original
2018-06-28 17:41:341766parcourir

Description de l'attribut

Attribut abrégé de style liste. Utilisé pour définir toutes les propriétés des listes dans une seule déclaration

list-style-image Définit une image comme indicateur d'élément de liste.

list-style-position définit la position de la marque de l'élément de liste dans la liste.

list-style-type définit le type d'indicateur d'élément de liste. 

<!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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Paramètres d'arrière-plan CSSArticle suivant：Paramètres d'arrière-plan CSS

Articles Liés

Voir plus