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;

}

最后效果如下：

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

罗盘时钟制作代码_抖音八卦时钟手机屏保设置方法！
声明:部分内容来源网络抖音时钟数字罗盘屏保最近十分的火爆, 看上去很有意思也很有趣, 很多人都想要弄. 而抖音时钟数字罗盘屏保如何设置? 今天小编就教大家如何30秒内搞定其实这个非常的简单, 只要 ...
jvm高并发_在JVM上对高并发HTTP服务器进行基准测试
jvm高并发在第一篇关于HTTP客户端的文章 (我将您重定向到JVM上的高效HTTP的介绍)之后,现在让我们来谈谈HTTP 服务器 . 有一些关于HTTP服务器的基准测试,但通常受到诸如以下缺点的阻 ...
html5 两栏等宽布局代码,分三栏栏宽相等如何将合并的一段分为等宽三栏，栏宽为4.5厘米...
将正文的最后一段分成等宽的三栏,栏间加分隔线.将正文的最后一段分成等宽的三栏,栏间加分隔线. 方法步骤如下: 打开需要操作的WORD文档,选中正文最后一段,点击页面布局中的"更多分栏&quo ...
php中调行高代码_单元格行高怎么设置
单元格行高怎么设置? 如图一张表,全选,全选的快捷键是Ctrl+A.全选之后第一种方法是直接用鼠标放到最前面的竖栏上,放在数据与数据之间交叉的框上,会出现一个+字的符号. 这个时候点击鼠标左键拉动,就 ...
老司机写的java代码_老司机告诉你高质量的Java代码是怎么练成的？
一提起程序员,首先想到的一定是"码农",对,我们是高产量的优质"码农",我们拥有超跃常人的逻辑思维以及不走寻常路的分析.判别能力,当然,我们也有良好的编码规范, ...
卓越性能代码_装好win10后，应该这样设置，才能压榨出系统十足的性能
用了这么久win10系统,你知道在win10中有不同的性能模式吗?而使用不同的性能模式会消耗不同的电量,就会为系统提供不同的性能.为了拥有好的性能,我们一般会在电源选项中给系统设置为高性能模式,但你以 ...
python新年祝福代码_如何编写逼格很高的新年祝福短信？
你要的高逼格新年祝福,喏...拿去用吧春夏秋冬,四季轮回,春节来到,新春伊始,祝愿朋友:燃希望之火,保一腔热情;树远大目标,增一股动力;立坚定信念,创一番事业;持平和心态,守一生幸福! 西风徐渐,流年 ...
给女朋友道歉的java代码_跟女朋友道歉的话,高情商的哄人句子
女朋友生气了,而且很严重.在这种情况下,不知道做什么挽回她.第一诚实的道歉可以缓和彼此紧张的气氛.重要的是,道歉完就需要说一些话语去哄她,至于怎么哄又是一个技术性的问题了,下面一起来看看跟女朋友道歉的 ...
php中调行高代码_网页代码如何调整行距
{template'header.html'}{template'left.html'} {$type[$typeid][typename]} Ar... {template 'header.html ...
mysql中的宽字符注入_深入理解Mysql宽字符注入
之前记录过一篇写的不够详细概念宽字节是相对于ascII这样单字节而言的:像GB2312.GBK.GB18030.BIG5.Shift_JIS等这些都是常说的宽字节,实际上只有两字节 GBK是一种 ...

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

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

最新文章

热门文章