多语言展示
当前在线:1472今日阅读:23今日分享:25

HTML基础之CSS 构造颜色、背景与图像

学习要点:1. 设定颜色2. 背景使用3. 图像使用
工具/原料

HTML

方法/步骤
1

设定颜色红色的几种合法定义;

2

十六进制三元组第一个字节:红色的值;  第二个字节:绿色的值;  第三个字节:蓝色的值;简化写法:#cccccc可写成 #ccc; #ff6633可以写成 #f63

3

使用 17 种具名颜色黑色(black) 000000  藏蓝色(navy) 000080  绿色(green) 008000海蓝色(teal) 008080  银色(silver) 0c0c0c   蓝色(blue) 0000ff酸橙色(lime) 00ff00  浅绿色(aqua) 00ffff  绛紫色(maroon) 800000紫色(purple) 800080  橄榄绿(olive) 808000  灰色(gray) 808080红色(red) ff0000   紫红色(fuchsia) ff00ff  黄色(yellow) ffff00橙色(orange) ffa500  白色(white) ffffff

4

使用 span 更好的控制文本中局部区域的文本文本内容,示例:

5

使用 display 属性提供区块转换inline(内联)、block(区块)、none

6

背景图象渐变的制作

7

给一个区块加上一个背景

8

给标题加上一个小图标

9

如果希望使用百分比而不使用关键字, 则 0 50%这样就实现了垂直居中

10

圆顶角

11

如果不希望碰到边界, 加上填充.

12

简单的 CSS 阴影效果

推荐信息