2018-05-03|2018-05-03 H5 background新属性 文本效果
一： background- 新属性
1.
如何给同一个元素定义两个背景图像
左右
background-image:url(../images/t.png),url(../images/a.png)
background-position:left center , right center;
background-repeat:no-repeat;
2.
指定背景图像的位置区域(了解)
background-Origin指定背景图像的位置区域,可以位于 border、padding 、也可以在content
3.
背景裁剪属性是从指定位置开绘制(了解)
background-clip
三： 文本效果
text-shadow box-shadow text-overflow word-wrap word-break
1.text-shadow:与box-shadow作用差不多,应以了 文本的阴影效果,可以做成文字的3D感觉
【2018-05-03|2018-05-03 H5 background新属性 文本效果】 如何控制文本的溢出:
text-overflow:hidden;
文本溢出隐藏
text-overflow:ellipsis;
定义文本多出的内容省略号显示
文本换行:
word-wrap:break-word;
例如:英文,换行时,整个单词换行。
word-wrap:break-all;
单词拆分换行。
在canvas中绘制文字,并加阴影:
context.shadowOffsetX=10;
context.shadowOffsetX=0;
context.shadowBlur=10;
阴影扩散
推荐阅读
- 前端知识设置元素的背景
- 调用wx.relaunch报错:fail can not invoke relaunch in background
- opencv中BackgroundSubtractorMOG问题及解决方法
- 计算机视觉|基于opencv的BackgroundSubtractorMOG2目标追踪
- Python3|Python3 AttributeError: module 'cv2' has no attribute 'createBackgroundSubtractorMOG'
- Main|Main Thread Checker: UI API called on a background thread: -[UIApplication delegate]
- OpenCV3学习（10.3）基于高斯混合模型的背景建模BackgroundSubtractorMOG/MOG2
- Support|Support Vector Machine(2018-05-03)
- div|HTML布局中全透明div的backgroundColor样式
- 前端基础圆角边框