Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 文本格式化
- 文本格式化概述
- 文本格式化概述
- 主要包括
- 控制字体:如字体大小、字体加粗、字体系列等
- 设置文本格式:如文本颜色、文本排列和文本缩进等
- 建议使用文本格式化相关的样式,取代加粗(<b>)、倾斜(<i>)等HTML元素
- 文本属性
- 控制文本格式
- 字体大小 font-size:value;
- 文本颜色 color:value;
- 文本排列 text-align:left/right/center;
- 文字修饰 text-decoration:none(无);
- 行高 line-height:value;
- 取消文字加粗 font-weight:normal;
- 背景
- 背景概述
- 背景属性的作用
- 背景样式可以控制HTML元素的背景颜色、背景图像等
- 背景色
- 设置单一的颜色作为背景
- 背景图片
- 以图片作为背景
- 可以设置图像的位置、平铺、尺寸等
- 背景属性
- 背景色background-color
- background-color 属性用于为元素设置背景色
- 接受任何合法的颜色值
- 可取值为transparent
- 为元素背景设置一种纯色
- 会填充元素的内容、内边距和边框区域
- 如果边框有透明部分,会透过这些透明部分显示出背景色。
- 背景图片background-image
- 默认值是none,表示背景上没有放置任何图像
- 如果需要设置一个背景图像,需要用起始字母url附带一个图片的URL值
- 可以是相对URL或者是绝对URL
- body{
- background-image:url(“border.png”);
- }
- 背景重复background-repeat
- 默认情况下,背景图像在水平和垂直方向上重复出现(平铺),创建一种称为“墙纸”的效果
- 可以使用background-repeat属性控制背景图像的平铺效果
- background-repeat可取值为
- repeat:在垂直方向和水平方向重复,为默认值
- repeat-x:尽在水平方向重复
- repeat-y:尽在垂直方向重复
- no-repeat:仅显示一次
- 背景重复background-repeat(续1)
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement