html设置长宽高代码_（HTML）图像的宽高和边框设置！

图片的大小及边框介绍：

很多时候在我们浏览网页的时候你会看见大小不一各种形状的图片，他们绚丽，漂亮，吸引着你们的眼球，这就是图片的作用，当然在我们处理图片的时候就要考虑到图片的排版和大小了。

图片的大小由两个属性来控制 width ： 图片宽 ； height ： 图片的高度 ； 我们就是由于这两个属性来控制图片的宽高，还有一点就是他的单位：px ；控制图像大小语法如下：

width：用于设置图片的宽，单位像素，单位可以省略；

height：用于设置图像的高度，单位像素，单位可以省略；

2.设置图像的边框——border

在我们插入图片的时候，图片是没有边框的，但是我们可以给他加上边框可以让他们排列看起来清晰一些。

边框语法如下：

图像宽高边框练习代码：

添加图像

里面引用了css代码如下：

@charset "utf-8";

.mr-content{

width: 1100px;

height:420px;

border: 1px solid red;

margin: 0 auto;

background: url(../images/bg.jpg) no-repeat right top;

text-align: left;

}

最后效果如下：