首页网页设计装饰html代码

网页设计装饰html代码

时间: 2023-08-12 13:04:05 浏览: 130

以下是一个简单的例子，展示如何使用HTML代码进行网页设计和装饰： ```html <!DOCTYPE html> <html> <head> <title>网页标题</title> <style> /* CSS 样式 */ body { background-color: #f1f1f1; font-family: Arial, sans-serif; color: #333; } h1 { color: #0099ff; font-size: 36px; text-align: center; } p { font-size: 18px; line-height: 1.5; margin-bottom: 20px; } .container { max-width: 800px; margin: 0 auto; padding: 20px; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } </style> </head> <body> <div class="container"> <h1>欢迎来到我的网站</h1> <p>这是一个简单的例子，展示如何使用HTML代码进行网页设计和装饰。</p> <p>HTML是一种标记语言，用于创建网页结构和内容。CSS是一种样式表语言，用于设置网页的外观和布局。</p> <p>通过HTML和CSS的结合使用，您可以创建出漂亮、易于使用的网站。</p> </div> </body> </html> ``` 这个例子中包含了HTML和CSS代码。通过使用CSS样式，我们可以设置网页的背景颜色、字体、颜色、大小、外观等等。我们还可以使用CSS来设置网页中不同元素的布局和位置，比如上面例子中的`.container`类。

阅读全文