课上练习代码——超链按钮 - Web技术 - 课外天地李树青

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">


    <style>
        a:link, a:visited {
            display: block; /* 此元素将显示为块级元素，此元素前后会带有换行符。*/
            font-weight: bold;
            font-size: 14px;
            font-family: "MS Serif", "New York", serif;
            color: #FFFFFF;
            background-color: #98bf21;
            width: 120px;
            text-align: center;
            padding: 4px;
            text-decoration: none;
        }

        a:hover, a:active {
            background-color: #7A991A;
        }
    </style>
</head>
<body>
<a href="http://www.njue.edu.cn" target="_blank">我要去南财</a>
</body>
</html>

图片点击可在新窗口打开查看此主题相关图片如下：无标题.png

主题：课上练习代码——超链按钮