我一直在编写我的网站,我偶然发现了一个令人头疼的问题。长话短说我一直试图将我的超链接文本移动到更接近其相应的图像,但它根本不会让步。我已经使用了边距,“margin-right”和“margin-left”标签已经有效,但不是“margin-top”和“margin-bottom”。我尝试使用后两个标签,但它不起作用。我不知道我的悬停效果代码是否影响了这一点。谢谢!
您可以访问我的网站www.rannitv.com/magazine找到此问题。然后点击“个人故事部分”。
我用于超链接文本的代码
a.ps-title2 {
margin-left: 530px !important;
margin-bottom: 80px !important;
font-size: 20px !important;
color:#333333 !important;
}
a.ps-title2:hover {
text-decoration: none !important;
color: orange !important;
}
答案 0 :(得分:0)
因为锚元素是内联的并且边距不起作用。您需要阅读“盒子模型”以及边距,填充和内联框的工作原理。
请注意,<img>
元素内的图片也是内联的。因此,您可以尝试将图像设置为块级元素或文本,或使用内联块。这些将允许您应用保证金。