设置a标签属性样式

最新推荐文章于 2024-07-23 08:49:01 发布

王小玖

最新推荐文章于 2024-07-23 08:49:01 发布

阅读量3k

点赞数 1

文章标签： html css

本文链接：https://blog.csdn.net/weixin_46019220/article/details/103658428

版权

设置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>

王小玖

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
设置a标签属性样式

设置a标签的属性样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0; ...
复制链接

扫一扫