html的css怎么插入美食图片

2023-02-28 09:48:01html-css012

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

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

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

#bgimg {

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

}

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

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>美食今日推荐</title><styletype="text/css">.a{font-size:20pxcolor:#20db00}.b{font-size:24pxcolor:rgba(219,0,114,0.85)}.c{font-size:16pxcolor:#ff0000}</style></head><body><imgsrc="img7.gif"/><br/><pclass="a">华仔推荐今日美食套餐全省20%。<br/></p><imgsrc="more.gif"/><imgsrc="shen.png"/><br/><h2class="b">黄金披萨</h2><imgsrc="img8.gif"/><br/><pclass="c">黄金披萨美食套餐原价100美元，现价只要80美元!</p><br/><h2class="b">黄金鸡腿</h2><imgsrc="img9.gif"/><pclass="c">黄金鸡腿美食套餐原价100美元，现价只要80美元!</p><br/><pclass="a">让所有顾客可以开心烹饪今日推荐美味佳肴，烹饪美食。<br/></p></body></html>

你好！！

全是我收藏的，请注意：有个别网站打开较慢

烹饪厨艺

菜谱网：http://www.drink9.com/Index.html

美食城http://www.chinavista.com/culture/cuisine/chrecipes.htmlX

美食休闲http://www.chihaola.com/meishi/}#J/

食神网http://202.107.235.194/eatinggod/{w

食为先http://gzeat.126.comb+

中国家庭网-美食天地http://food.sinohome.com/food/index.htmj]lk|k

中国饮食馆http://www.chinaeatery.com/pTOQ0j

中国饮食文化网http://www.ccas.com.cn/@t=7

中华在线——美食http://www.onhua.com/xmi.aspE"r