html的css怎么插入美食图片

html-css018

html的css怎么插入美食图片,第1张

首先要将下载好的图片放入css文件夹中;

在CSS中,可以使用background-image属性或background属性来插入图片。background-image属性或background属性可以为元素设置背景图像。初始背景图像(原图像)根据background-position属性的值放置。具体代码如下:

<div id="bgimg"></div>

#bgimg {

background: #333 url(图片路径) center center no-repeat

}

第一个参数,图片底层的背景颜色,第二个参数,图片路径,第三个参数,图片上下的相对位置(其他参数left,right),第四个参数,图片左右的相对位置(top,bottom),第五个参数,图片的重复(其他参数 repeat,repeat-x,repeat-y)

不一定是韩顺平的吧,不管你学那个就一样,当年我学那本叫做精通div+css的就很好,js你可以放在以后学习,先把div+css搞定了,你就能找个工作了。。js比他们的难度要大点。再说现在什么功能都有源码,下载下来能用就行了。。所以你还是先学div+css吧。。

每个200宽度,高度30,垂直居中,加粗,字号16px,代码如下:

<div style="float:leftwidth:200pxheight:30pxline-height:30pxfont-size:16pxfont-weight:700">时尚</div>

<div style="float:leftwidth:200pxheight:30pxline-height:30pxfont-size:16pxfont-weight:700">美食</div>

<div style="float:leftwidth:200pxheight:30pxline-height:30pxfont-size:16pxfont-weight:700">新闻</div>