我想定制一个链接，它不工作。我的错误在哪里？
我想定制一个链接，它不工作。我的错误在哪里？
提问于 2021-12-21 00:15:36
基本上，我只想在链接周围放置一个按钮，这是我的代码：
.btn {
display: inline-block;
background: #ff523b;
color: black;
padding: 8px 30px;
margin: 30px 0;
border-radius: 40px;
}<a href= "#" class="btn">Explore Now</a>
不幸的是，当我添加CSS部分时，什么也不会发生。链接被添加到正确的部分，但是在CSS中做任何事情都不会改变它的外观。请问我的错误在哪里？
回答 1
Stack Overflow用户
发布于 2021-12-21 00:23:51
您的CSS必须在标记中，如下所示：
<!DOCTYPE html>
<html>
<head>
<style>
.btn{
display: inline-block;
background: #ff523b;
color: black;
padding: 8px 30px;
margin: 30px 0;
border-radius: 40px;
}
</style>
</head>
<body>
<a href="#" class="btn">Explore Now</a>
</body>
</html>..。或引用带有css样式的样式表(例如styles.css)的链接。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<a href="#" class="btn">Explore Now</a>
</body>
</html>注意:在本例中，样式表应该位于html文件的同一个目录中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70429371
复制相关文章
相似问题
腾讯云开发者
