CSS 基础教程-069 CSS设置透明边框

hrs 提交于 2020/02/12 - 11:00 , 周三

实例代码:

<!doctype html>
<html>
        <head>
                <meta charset="utf-8">
                <style type="text/css">
                a{padding:5px;

                }
                /* 未被点击的链接样式*/
                a:link{
                        text-decoration:none;
                        border-style:solid;
                        border-color:transparent;
                        }
                /* 已被点击的链接样式*/
                a:visited{border-style:solid;

                        border-color:blue;
                }
                /* 当鼠标移动到链接时的样式*/
                a:hover{border-style:solid;
                        border-color:green;
                }
                </style>
        </head>
        <body>
                <h3>透明边框实例</h3>

                <a href="https://dwoke.com" target="_blank">你行网</a>
                <a href="http://www.xintaojie.com" target="_blank">新淘街</a>
                <a href="https://www.baidu.com" target="_blank">百度搜索</a>


        </body>

</html>

运行效果:

css_069.png

标签