一文搞懂css常用字体属性与背景属性
在CSS中,设置字体属性主要使用font-family
、font-size
、font-weight
和font-style
这四个属性。设置背景属性主要使用background-color
、background-image
、background-repeat
、background-position
和background-size
。
以下是具体的实例代码:
/* 设置字体属性 */
p {
font-family: "Arial", sans-serif; /* 设置字体 */
font-size: 16px; /* 设置字号 */
font-weight: bold; /* 设置字体粗细 */
font-style: italic; /* 设置字体风格(斜体) */
}
/* 设置背景属性 */
div {
background-color: #f0f0f0; /* 设置背景颜色 */
background-image: url('background.jpg'); /* 设置背景图片 */
background-repeat: no-repeat; /* 设置背景图片不重复 */
background-position: center center; /* 设置背景图片居中 */
background-size: cover; /* 设置背景图片覆盖整个容器 */
}
这段代码为<p>
元素设置了字体属性,为<div>
元素设置了背景属性。在实际使用时,可以根据需要选择合适的字体、大小、粗细和风格,以及背景颜色、图片、是否重复、位置和大小。
评论已关闭