Html 如何在超链接上创建厚黑色边框？_Html_Css

Html 如何在超链接上创建厚黑色边框？

html css

Html 如何在超链接上创建厚黑色边框？,html,css,Html,Css,如何实现厚黑色边框到下面的“阅读更多”超链接？我使用了style=边框颜色：蓝色很重要。但它不起作用。因此，它看起来像一个厚厚的黑色边框围绕着链接 <!DOCTYPE html> <html> <head> <style> a:link, a:visited { display: block; font-weight: bold; color: #ffffff; background-color: #98bf21;

如何实现厚黑色边框到下面的“阅读更多”超链接？我使用了style=边框颜色：蓝色很重要。但它不起作用。因此，它看起来像一个厚厚的黑色边框围绕着链接

<!DOCTYPE html>
<html>
<head>
<style>
a:link, a:visited {
    display: block;
    font-weight: bold;
    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="default.asp" target="_blank">Read More</a>

</body>
</html>

应该是：

样式=边框：3倍纯黑

使用以下代码：

border: 5px solid blue;

使用以下命令：

a{
 border: 3px solid #000; //You can play with the size.
}

加上

style="border: 2px solid blue;"

你也可以这样做

style="border: 2px solid blue!important;"

您的代码没有任何厚度规格。重构你的代码&试试这个

//px表示边界的厚度 a{ 边框：3倍纯黑；

} 您忘记设置边框宽度和边框样式：

a{ /*边框：5px纯黑*/ 边框宽度：5px；边框样式：实心；边框颜色：黑色；填充物：2px 5px；文字装饰：无； }

请参阅以下代码：

<!DOCTYPE html>
    <html>
    <head>
     <style>
        a:link, a:visited {
        display: block;
        font-weight: bold;
        color: #ffffff;
        background-color: #98bf21;
        width: 120px;
        text-align: center;
        padding: 5px;

        }
      a{
       border-style: solid;
        border-width: 5px;
        border-color:black;
    }

        a:hover, a:active {
        background-color: #7A991A;
        }
        </style>
        <a href="default.asp" target="_blank">Read More</a>
    </body>
    </html>

一开始这并不重要！它是！重要的是第二个蓝色不是黑色他说。。黑色不是蓝色：P@Lipis没问题-@Amitsing我认为这是因为六个几乎相同的答案我并不惊讶，一些堆栈溢出用户滥用了他们的向下投票权，他们只是无缘无故地向下投票