HTML 代码:
<h1>第一行文本竖</h1>
<h2>第二行文本竖</h2>
<h3>第三行文本竖</h3>
CSS 代码:
text-align:垂直;
text-align:垂直;
text-align:垂直;
以上代码中,`text-align:垂直` 属性用于设置子元素垂直排列。具体效果如下:
在实际使用中,大家可以根据需要调整每个子元素的垂直位置,以达到不同的效果。例如,大家可以将 `h2` 和 `h3` 子元素居中对齐,而 `h1` 子元素垂直排列,这样效果如下:
除了文本竖向排列,CSS 还可以实现其他文本排版效果,如水平对齐、反白、加粗等。下面是一个简单的示例:
HTML 代码:
<h1>第一行文本水平对齐</h1>
<h2>第二行文本水平对齐</h2>
<h3>第三行文本水平对齐</h3>
CSS 代码:
text-align: left;
text-align: left;
text-align: left;
以上代码中,`text-align: left` 属性用于设置子元素水平对齐。具体效果如下:
通过 CSS 文本竖排版技巧,大家可以轻松地实现各种文本排版效果,使网页更加美观和易读。