首页二级标题，文本垂直居中，宽度400像素，高度100像素背景绿色

二级标题，文本垂直居中，宽度400像素，高度100像素背景绿色

时间: 2024-10-23 15:05:31 浏览: 13

要在HTML中创建一个宽度为400像素、高度为100像素的二级标题，文字垂直居中并带有绿色背景，可以使用以下代码： ```html <!DOCTYPE html> <html lang="zh"> <head> <style> .subtitle-container { display: flex; justify-content: center; align-items: center; width: 400px; height: 100px; background-color: green; /* 设置背景色 */ color: white; /* 文字颜色 */ font-size: 24px; /* 标题大小可根据需求调整 */ } </style> </head> <body> <div class="subtitle-container"> <h2>二级标题</h2> </div> </body> </html> ``` 在这个例子中，我们创建了一个名为`.subtitle-container`的容器，并设置了其样式属性。`justify-content: center`让水平方向上的内容居中对齐，`align-items: center`让垂直方向的内容居中对齐。`font-size`属性可以调整二级标题的文字大小。

阅读全文