hbuilder添加背景图片代码

hbuilder添加背景图片代码,第1张

hbuilder添加背景图片代码方法如下:加入如下 CSS: body { background-image: url("背景图片(如果跟CSS不在同一路径下,记得改相对或绝对路径).jpg")background-size: coverbackground-repeat: no-repeatbackground-attachment: fixed。

HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。

HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。

它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。

快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。

预先在你的项目文件夹建立一个image文件夹,放图片用的,

然后在代码中打img,应该会有代码提示,按回车出来<img src=""/>双引号间会有出来你的图片名,没有的话在双引号间打image/你的图片名就行

设置宽高。

在创建一个新的项目时,会生成一个项目文件夹,其中有一个img文件夹,专门放置图片的位置,然后设置图片的样式使用width和height的值。

创建一个新的项目,里面包括js和css和img的文件夹,在你需要编写的代码内容中,首先放置一张图片到img的文件夹里,然后通过img标签中的src的链接地址和img文件夹中的图片相关联。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11719524.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存