常用的csss属性-内容概要
-
文字
-
字体
-
背景
-
边框
- 字体属性
属性名称 属性值 说明
font-family 字体 修改文字字体
font-color px/cm/% 修改文字大小
font-style normal(正常) 字体风格
italic(斜体)
font-weight normal(正常) 字体加粗
bold(加粗)
2. 文本属性
属性名称 属性值 说明
letter-spacing 长度 字母间隔,如许使用复制
Word-spacing 长度 文字间隔
text-decoration underline(下划线) 文本修饰
overline(上划线)
line-through(删除线)
none(无)
text-align left(左对齐) 文本对齐方式
center(居中)
right(右对齐)
justify(两端对齐)
text-indent 长度或者百分比 文本缩进,若为百分比那么视父级元素的宽度的决定
text-height 长度或者百分比 行高
3. 背景属性
属性名称 属性值 说明
background-color 英文单词/rgb/十六进制 设置背景颜色
background-image 图片URL 设置背景图片
background-repeat repeat(平铺) 背景重复设定
repeat-x(横向平铺)
repeat-y(纵向平铺)
no-repeat(不平铺)
background-attachment scroll(滚动) 背景是否跟随滚动条滚动
background-position top
bottom
center
left
right
4. 边框属性
属性名称 属性值 说明
border-color 英文字母/rgb/十六进制 边框颜色
border-width 像素 边框宽度
border-right sold(实现) 边框样式
dashed(虚线)
double(双实线)
注: 以缩进方式写上,下,左,右边框单独css样式设置方式
1:1px黑色虚线上边框
border-top: 1px dashed #000
2:1px黑色实线下边框
border-bottom: 1px solid #000
3:1px黑色虚线左边框
border-left: 1px dashed #000