gpt4 book ai didi

html - 通过 CSS 制作一个按钮,但顶部有两个栏

转载 作者:太空宇宙 更新时间:2023-11-03 23:38:56 26 4
gpt4 key购买 nike

我正在尝试为我的链接创建一个按钮,按钮上有名称并允许用户点击它并转到链接。

我也不确定为什么我的链接“可点击范围”似乎被扩展了。

代码如下:

<body>
<div id="container">

<a href="http://www.medium.com/" target="Medium"><div id="link">My Favorite Website</div></a>

</div>
</body>

这是 CSS:

#container {
width:960px;
margin-left: auto;
margin-right: auto;
padding: 30px 0px;
}

a {
padding: 7px 100px;
border-radius: 10px;
background-size: 80px 60px;
background-color: green;
text-decoration: none;
}

#link {
padding: 7px;
font-size: 15px;
font-weight: bold;
font-style: italic;
}

谢谢!

最佳答案

您的链接是内联元素,因此您需要将其设为 block 或内联 block 以添加您的样式:

CSS

a {
display:inline-block;
}

关于html - 通过 CSS 制作一个按钮,但顶部有两个栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23384915/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com