one.css
body{ background-color: burlywood; /*如果不是纯色需要设置 background-image: url("引入的图片的名字.jpg)"; 可以通过background-repeat来控制背景图片的重复效果 background-attachment:是否固定,是否随着页面的其余部分滚动 也可以给文字部分加上背景*/ } p{ width: 100px; padding: 10px;/*背景颜色和内部文字之间还存在一定间距*/ background-color: cornflowerblue; }
one.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="one.css" type="text/css" rel="stylesheet"> </head> <body> <p>Hello CSS!</p> <!--背景不可继承--> </body> </html>
效果: