[12]CSS 其他样式
来源:互联网 发布:激战2战场实时数据 编辑:程序博客网 时间:2024/05/21 05:59
一.颜色和透明度
HTML5 中 CSS 其他剩下几个常用的样式,包括颜色、透明度、盒子的阴影轮廓以及光标的样式。
颜色我们之前其实已经用的很多了,比如字体颜色、背景颜色、边框颜色。但除了背景颜色和边框颜色讲解过,字体颜色却没有系统的讲解过。设置字体颜色其实也成为文本块的前景色。
p { color: red;}
解释:设置文本颜色。
CSS3 提供了一个属性 opacity,可以设置元素的透明度。
p { color: red; opacity: 0.5;}
解释:设置元素的透明度。
二.盒子阴影和轮廓
1.box-shadow
CSS3 提供了一个非常实用的效果样式,就是阴影效果。通过 box-shadow 属性来实现,
样式表如下:
div { width: 200px; height: 200px; border: 10pxsolid silver; box-shadow: 5px 4px 10px 2px gray;}
解释:给元素盒子增加阴影效果。
box-shadow: 5px 4px 10px 2px gray inset;
解释:实现内部阴影。
2.outline
CSS3 还提供了轮廓样式,它和边框一样,只不过它可以在边框的外围再加一层。样式表如下:
div { width: 200px; height: 200px; border: 10pxsolid silver; outline: 10px double red;}
解释:在边框的外围再增加一圈轮廓。
三.光标样式
我们不但可以指定页面上的元素样式,就连光标的样式也可以指定。样式表如下:
div { cursor: move;}
解释:设置当前元素的光标为移动光标。
附:css光标样式表:
0 0
- [12]CSS 其他样式
- CSS其他样式
- CSS其他样式
- css其他样式
- CSS 其他样式(20160824-0024)
- Css样式详解--其他样式【已经熟记,形成文本】
- css @import必须放到其他css样式定义之前
- css IE下执行的样式,其他浏览器忽略
- 学习日记-公用模版使用其他css样式的方法
- CSS基础-12CSS样式-轮廓
- CSS样式
- CSS样式
- css样式
- CSS样式
- CSS样式
- Css样式
- CSS样式
- CSS 样式
- 233. Number of Digit One
- 7种元素的水平居中和垂直居中方法
- RedHat RHEL7.2 系统安装详细步骤
- JSP的9个内置对象之request对象
- 相亲数环
- [12]CSS 其他样式
- WWF 4.5 独立设计器程序
- AndroidStudio怎么设置回车键光标跳出括号
- 《Effective Java》第4章 类和接口
- GestureDetector的友好文章
- 懂iOS平台的OpenGL ES请进
- 写在博客访问量超过90万之际
- [leetcode]441. Arranging Coins
- 综合作业——APP(2)