web网页底部设置版权标志©,文字水平居中对齐,背景颜色黑色
时间: 2024-10-19 09:14:01 浏览: 30
CSS解决文字与图片不能水平居中对齐的问题
5星 · 资源好评率100%
Web网页底部设置版权标志通常涉及HTML和CSS的结合。要在页面底部创建一个水平居中、背景为黑色的版权区域,你可以使用以下步骤:
1. HTML结构:
```html
<footer class="copyright">
<div class="container">
<p>© Your Website Name</p>
</div>
</footer>
```
这里创建了一个`<footer>`元素作为容器,并包含一个`<p>`标签用于显示版权信息。
2. CSS样式:
```css
.copyright {
background-color: #000; /* 黑色背景 */
text-align: center; /* 文字水平居中 */
padding: 20px; /* 添加一些内边距,可根据需要调整 */
}
.copyright p {
color: white; /* 白色字体,确保在黑色背景下可见 */
}
```
这里的`.copyright`选择器设置了整体样式,而`.copyright p`则指定了版权文字的具体样式。
阅读全文