网页设计中怎样将标题放在整个页面的最中央_CSS学习

资料来源：网络整理时间：2023/3/4 2:58:38 共计：3588 浏览

网页设计中怎样将标题放在整个页面的最中央？

用CSS先固定宽度，具体代码如下

<style>

.main{margin:0 auto;width:1000px;height:500px;border:1px solid #000}

</style>

这里是设置了网页的宽度为1000PX，高度为500PX，黑色边框。

然后再用text-align:center对标题样式控制

<style>

.txt{text-align:center;font-size:12px; height:25px; line-height:25px; color:#000}

</style>

这里是设置标题样式

text-align:center，就是文字居中显示样式控制

font-size:12px; 文字大小

height:25px; 文字高度

line-height:25px; 行高

color:#000文字颜色

最后完整代码如下：

<html>

<head>

<body>

<div class="txt">这里是标题</div>

</div>

</head>

</html>

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。