首页静夜思css颜色边框背景

静夜思css颜色边框背景

时间: 2023-06-27 09:01:22 浏览: 218

CSS 背景

CSS 背景 CSS 背景属性用于定义HTML元素的背景。 CSS 属性定义背景效果: background-color background-image background-repeat background-attachment background-position 背景颜色 background-color 属性定义了元素的背景颜色. 页面的背景颜色使用在body的选择器中: 实例 body {background-color:#b0c4de;} CSS中，颜色值通常以以下方式定义: 十六进制 – 如：”#ff0000″ RGB – 如：”rgb(255,0,0)” 颜色名称

以下是一种可能的方案，你可以根据自己的需求进行调整： ```html <!DOCTYPE html> <html> <head> <title>静夜思</title> <style> body { background-color: #F5F5F5; font-family: 'Microsoft YaHei', sans-serif; margin: 0; padding: 0; } #container { background-color: #FFFFFF; border: 1px solid #CCCCCC; margin: 20px auto; max-width: 800px; padding: 20px; } h1 { color: #333333; font-size: 28px; margin: 0; text-align: center; } p { color: #666666; font-size: 18px; line-height: 1.5; margin: 20px 0; text-indent: 2em; } </style> </head> <body> <div id="container"> <h1>静夜思</h1> <p>床前明月光，疑是地上霜。</p> <p>举头望明月，低头思故乡。</p> </div> </body> </html> ``` 解释一下上述代码的各个部分： - `body` 元素设置了背景色、字体和内外边距； - `#container` 元素设置了背景色、边框和内外边距，同时使用了居中布局； - `h1` 元素设置了字体颜色、字号、居中对齐和外边距； - `p` 元素设置了字体颜色、字号、行高、内外边距和首行缩进。你可以根据自己的喜好和需求进行修改，例如更换背景色、调整边框样式、修改字体等等。

阅读全文