图片的大小及边框介绍:
很多时候在我们浏览网页的时候你会看见大小不一各种形状的图片,他们绚丽,漂亮,吸引着你们的眼球,这就是图片的作用,当然在我们处理图片的时候就要考虑到图片的排版和大小了。
图片的大小由两个属性来控制 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;
}
最后效果如下:
更多推荐
html设置长宽高代码_(HTML)图像的宽高和边框设置!
发布评论