<html:button 里可以设置按钮的背景图片吗咋设置

<html:button 里可以设置按钮的背景图片吗咋设置,第1张

1、新建一个文件夹,用来存放网页文件和图片,快捷键ctrl+shift+n。

2、进入新建文件夹里面,右键新建文本文档。

3、进入新建的文本文档,复制下方代码,点击快捷键ctrl+s保存后退出。

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8"><!--编码类型-->

<title>网页标题</title><!--网页标题-->

</head>

<body>

<!--W3c没有给出button背景图片的属性标准。但我们可以通过background-size:350px100px这两个值来控制背景图片【也可以用像素百分比%来控制】,然后通过background-color:transparent设置背景色为透明,即可达到给button添加背景图片的效果-->

<buttonstyle="background-image:url(1.png)width:350pxheight:100pxbackground-repeat:no-repeatbackground-size:350px100pxborder:0background-color:transparent">背景图片按钮</button>

</body>

</html>

4、重命名新建文本文档为index.html,原先的.txt的后缀同时去掉后保存,提示确实要更改后按“是”即可。

5、添加背景图片源文件,并命名为1.png,这些图片为你需要放置的图片。

6、点击index.html,右键浏览器打开预览效果。

7、浏览器打开后即可得到如下效果

一般都是使用第三方的平台或者软件制作之后再分享到微信的朋友圈,比如做一个音乐相册然后在发到朋友圈。

首先搜索相关的公众号:如彩虹音乐相册,关注公众号

2.点击 制作相册--新建相册(普通版) 选择喜欢的模板

3.选择 高级相册--开始制作 (高级版) 选择自己喜欢的模板

4.制作完成后点击我的相册,普通版点击左边第一栏相册“我的相册”,高级版点击高级相册那栏“我的相册”中进行查看

5.如果需要更换照片,在我的相册中点击右下角“……”字样进行编辑,还可以设为隐私。

6.然后搜索自己喜欢的音乐,最后保存点击“……”分享到微信朋友圈。

可以制作微场景后分享到微信:

1.进入兔展网站后台点击制作栏目,进入模板选择页。

选择空模板,自由创作;

选择主题模板,更快速的创作出炫丽的展示。

2.选择模板后,进入创作界面。

功能—添加修改文字

添加文字:点击右侧的文字选项→主编辑区会出现文字输入框→双击修改

文字属性修改:右侧文字属性修改选项,包括字体种类,字体大小、颜色等等。

功能—添加修改图片

上传图片:点击右侧图片选项→上传按钮→选择图片→确定

截图:点击截图按钮→选择图片区域→双击

功能—添加修改按钮

添加按键:点击右侧按钮选项→点击编辑区的按钮→修改文字、链接

功能—添加修改背景

修改背景颜色:点击右侧背景选项→选择颜色

上传背景图片:点击右侧背景选项→点击上传按钮→确定

功能—添加修改背景音乐

添加背景音乐:点击右侧配置选项→点击选择文件按钮→确定→点击上传按钮

功能—添加修改动画效果

添加动画效果:点击添加动画的组件→点击动画选项→点击动画效果

功能—添加修改切换效果

添加切换效果:选择页面→点击配置选项→选择切换效果

3.制作完成后,点击导航栏的保存按钮→再点击预览按钮→进入发布页面。

4.发布页面添加标题、描述、缩略图,点击生成的二维码和链接分享到微信即可。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存