[分享]css中a设置宽和高

在CSS中，a标签可以使用width和height属性设置宽和高。a { width: 100px; height: 50px; } 如果你想为链接添加背景颜色或者背景图片，那么设置宽和高会让链接的外...

在CSS中，a标签可以使用width和height属性设置宽和高。

a {
  width: 100px;
  height: 50px;
} 

如果你想为链接添加背景颜色或者背景图片，那么设置宽和高会让链接的外观更协调。这是在使用CSS设计网页时非常常见的技巧。

同样的，你可以在链接中使用width和height属性，来控制图片的大小：

a img {
  width: 200px;
  height: 100px;
} 

这将把图片大小限制在200px宽和100px高的矩形框中，如果图片本身尺寸小于这个数值，则会按比例缩小。

需要注意的是，width和height属性设置的是内容区域的大小，不包括边框（border）、内边距（padding）和外边距（margin）等。

a {
  width: 100px;
  height: 50px;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 5px;
} 

上面的例子中，实际上链接的占位大小是：102px（左右两个边框）+20px（左右两个内边距）+10px（左右两个外边距）=134px。

在实际开发中，能否使用width和height属性，取决于具体的设计需求，合理使用可以让网页更美观。