文章目录

CSS 颜色

CSS 的颜色可以通过以下方法指定：

十六进制颜色

p {
   
    background-color: #ff0000;
}

RGB颜色

p {
   
    background-color: rgb(255,0,0);
}

RGBA颜色

p {
   
    background-color: rgb(255,0,0,0.5);
}

英文单词

p {
   
    background-color: red;
}

背景属性

#item {
   
    background-image: url("./cs.png");
}
属性 描述
background 简写属性，作用是将背景属性设置在一个声明中
background-attachment 背景图像是否固定或者随着页面的其余部分滚动
background-color 设置元素的背景颜色
background-image 把图像设置为背景
background-position 设置背景图像的起始位置
background-size 设置背景图像大小
background-repeat 设置背景图像是否及如何重复

字体属性

/* 按所列的顺序查找这些字体，遇到可用的字体则使用 */
h1 {
   
    font-family: "微软雅黑","宋体";
}
属性 描述
font 简写属性，作用是把所有针对字体的属性设置在一个声明中
font-family 设置字体系列
font-size 设置字体的尺寸
font-style 设置字体风格
font-weight 设置字体的粗细

文本属性

p {
   
    color：red;
    text-indent: 15px;
}
属性 描述
color 设置文本颜色
direction 设置文本方向
text-align 对齐元素中的文本
text-indent 缩进元素中文本的首行
text-transform 控制元素中的字母大小写
text-decoration 向文本添加修饰
text-shadow 向文本添加阴影
text-wrap 规定文本的换行规则
line-height 设置行高
white-space 设置元素中空白的处理方式
word-spacing 设置字间距
letter-spacing 设置字符间距

边框属性

div {
   
    border: 1px solid red;
}
属性 描述
border 简写属性，用于把针对四个边的属性设置在一个声明
border-style 设置元素边框样式
border-width 设置元素边框宽度
border-color 设置元素边框颜色
border-bottom 设置元素下边框
border-left 设置元素左边框
border-right 设置元素右边框
border-top 设置元素上边框
border-radius 设置边框圆角
box-shadow 设置边框阴影