设置界面如下图所示:
弹出效果如下图所示:
可以外层嵌套一个DIV标签,并在这个DIV标签通过style设置背景色和圆角。如果图片或视频显示不全可以调整一下图片或视频的尺寸。
点击编辑器菜单左上角的HTML标签,即可编辑弹窗源码。
嵌套一层div的代码为:
<div style="background:red; border-radius:10px;"><img src="图片地址" width="250" height="188" /></div>
这个div就是嵌套的div,style表示样式,background表示背景色为red,border-radius表示圆角大小为10像素。
里边这个img标签表示显示图片src里填写图片地址,width填写图片宽度,height填写图片高度。
记得style的内容是被双引号包括的,再加一个等于号。
background和border-radius后边填写一个英文的冒号,结尾是一个英文的分号。
也可以设置文字弹窗,如下图所示:
弹出内容的代码为:
<div style="background:#f53; width:250px; padding:10px; border-radius:10px; color:#000;">文本内容文本内容文本内容文本内容文本内容<br>文本内容文本内容文本内容文本内容<br>文本内容文本内容文本内容文本内容<br>文本内容文本内容文本内容文本内容<br>文本内容文本内容文本内容文本内容</div>
style中的padding为内边距10像素,color表示文字颜色为黑色。
内容中的<br>标签表示换行。