设置a标签属性样式

最新推荐文章于 2023-09-01 11:30:38 发布

原创最新推荐文章于 2023-09-01 11:30:38 发布 · 3.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #css

设置a标签的属性样式

标签定义超链接，用于从一张页面链接到另一张页面。

元素最重要的属性是 href 属性，它指示链接的目标。

在所有浏览器中，链接的默认外观是：

未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的
PS：p标签不会继承父元素的color、text-disited等属性若想改变，需要单独设置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin:0;
            padding: 0;
        }

        body{
            background-color: #EEEEEE;
        }

        .content{
            width: 410px;
            height: 284px;
            border: 1px solid #ccc;
            margin:100px;
            padding:14px;
        }

        .content > .title{
            border-bottom: 1px solid #ccc;
            font-size: 18px;
            line-height:36px;
        }

        .content > ul >li {
            list-style: none;
            border-bottom: 1px dashed #ccc;
            height: 38px;
            line-height:38px;
            padding-left: 30px;
            font-size: 14px;
            /*榧犳爣鏍峰紡涓哄皬鎵嬬殑鏍峰紡*/
            cursor:pointer;
        }

        .content li:hover{
            text-decoration: underline;
        }


    </style>
</head>
<body>

<div class="content">
    <h3 class="title">最新文章/New Articles</h3>
    <ul>
        <li>css三个特性和盒子模型</li>
        <li>css三个特性和盒子模型</li>
        <li>css三个特性和盒子模型</li>
        <li>css三个特性和盒子模型</li>
        <li>css三个特性和盒子模型</li>
    </ul>

</div>

</body>
</html>