下面是一个简单的百度百科页面示例,其中使用 CSS 添加了一个空格来让文本居中:
“`html
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>百度百科</title>
<style>
body {
text-align: center;
h1 {
margin: 0 auto;
text-align: left;
</style>
</head>
<body>
<h1>百度百科</h1>
<p>这里是百度百科的页面内容。</p>
</body>
</html>
在这个示例中,`text-align: center` 属性让文本居中,`text-align: left` 属性让段落在垂直方向上居中。另外,`margin: 0 auto` 属性让段落的左对齐,`margin: 0` 属性让段落的右对齐。
当然,这只是一个简单的示例,实际上,大家可以根据具体的布局需求,使用 CSS 添加更多的样式和排版效果。
除了使用 CSS 添加空格之外,大家还可以使用 CSS 调整字体、颜色、背景等。例如,大家可以使用 CSS 选择器来调整字体大小、颜色、背景色等等:
“`html
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>百度百科</title>
<style>
body {
font-size: 16px;
color: #f00;
h1 {
font-size: 24px;
color: #0078d7;
</style>
</head>
<body>
<h1>百度百科</h1>
<p>这里是百度百科的页面内容。</p>
</body>
</html>
在这个示例中,`font-size: 16px` 属性让字体大小为 16 像素,`color: #f00` 属性让字体颜色为红色,`font-size: 24px` 属性让字体大小为 24 像素,`color: #0078d7` 属性让字体颜色为绿色。
总之,使用 CSS 添加空格、调整字体、颜色、背景是一种非常常用的网页布局技巧,可以让百度百科页面更加美观和易读。