css图片高是宽的一半

在网页设计中，图片是非常常见的元素。如果你想要通过css来控制图片的大小的话，那么可以使用一个很简单的技巧，即让图片的高度是宽度的一半。

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

如上面的代码所示，如果你希望你的图片在显示时宽度为200像素，那么高度就应该设置为100像素。这么做的好处是能够让你的图片看起来更加协调、统一。如果没有这个设置的话，有可能会导致图片变形或者不协调的情况出现。

另外需要注意的一点是，这个设置只针对于比例为1:2的图片。如果图片的比例不是这样的话，那么你需要根据具体的情况进行调整。

总的来说，这个技巧非常简单，但是对于网页设计来说是非常实用的。通过让图片的高度是宽度的一半，可以使得页面看起来更加整洁、协调。