Question

我想知道如何更改链接的背景大小。

这是我的HTML

<!DOCTYPE html>
<head>
<title>Library for Macintosh games.</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>

<h1>Old Mac Games for Free</h1>
<p><a href="google.com" id="link">Google</a></p>
<script src="javascript.js" type="text/javascript">
</script>
</canvas>
</body> 
</html>

这是我的CSS

html {background-color：＃d0e0c9}

h1 {
font-family: Arial;
font-weight: bold;
text-align: center;
margin-bottom: 85px;
margin-top: 85px;
font-size: 45px;
}

#link {
background-color:  fuchsia;
text-align: center;
margin:500;
height: 100px;
width: 200px;
}

Answer 1

如果要更改链接文本的大小，可以使用

<span style="font-size: 10px;"> <a href"..."> Text Here </a></span>

如果要更改字体颜色“color：blue;”，如果要更改“文本后面”的背景颜色：

<div style="background-color: black;">
<span style="font-size: 10px;">
<a href"..."> 
Text Here 
</a>
</span>
</div>

然后你改变div的大小：

<div style="width: 100px; height: 5px">
<div style="width: 50%; height: 5px; margin: auto;">

以下是常见CSS样式的链接：http://www.w3schools.com/css/default.asp

编辑：另外，你发布一个问题时，你可能想要更具体一点，你还不清楚“背景大小”是什么意思！

Answer 2

我相信你指的是链接元素的填充。如果您想增加link元素背景的外观，可以轻松添加此css：

#link {
background-color:  fuchsia;
text-align: center;
padding:2em;
}

您应该能够看到链接＆＃34;背景大小＆＃34;容易。

您可以在此处查看工作演示：http://codepen.io/anon/pen/xOVYvL

我邀请您查看更多内容：

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model

更改链接背景的大小

2 个答案: