首页 > 编程知识 正文

html怎么用图片做背景,html5中背景图片怎么设置

时间:2023-05-05 08:04:37 阅读:47170 作者:93

背景:学习前端知识,自己做页面

目的:学习前端知识

网络图:无关

工具: vs代码1.41.0

前言:设置HTML背景图像;

HTML背景图像设置背景图像:

! doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' title document/titlestylebody { background-image 3360 URL } }/stttid

! doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' title love/titlestylebody { background-image 3360 URL (imgs/) ii } /style/headbody /body/html HTML背景图像设置background-size:

! doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' title love/titlestylebody { background-image 3360 URL (imgs/) ii/*背景定位:中心; * /背景尺寸: 100 px; } /style/headbody /body/html HTML背景图片设置代码练习:

! doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' title love/title style # box { text-align : center; } a { display: inline-block; width: 160px; 高: 40px; 后台- repeat :否- repeat; 背景尺寸: 100 %; } # btn1 { background-image : URL (imgs/btn1.png ); } # btn2 { background-image : URL (imgs/btn2.png ); } # btn3 { background-image : URL (imgs/btn3.png ); } # BTN4{背景图像: URL (imgs/BTN4. png ); }/style/headbodydivid=' box ' aid=' btn1 ' href=' # '/aaid=' btn2 ' href=' btn3 ' href=' # '

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。