请教:在CSS中如何实现文字、字母和数字的从上到下、从右到左的竖排呢?

html-css018

请教:在CSS中如何实现文字、字母和数字的从上到下、从右到左的竖排呢?,第1张

你是css3吗?可以用writing-mode: tb-rl

例子:

<html>

<head>

<style type="text/css">

div.one

{

height:300px

writing-mode: tb-rl

}

</style>

</head>

<body>

<div class="one">Some text. Right-to-left direction111111111111.</div>

</body>

</html>

你指的最上层是文字盖住下面其它的内容吗?

如果是的话,在css放置文字的元素样式中加上一条z-index:1就可以了(假设所有的元素的z-index属性前面没设置过,如果设置过了,那么放置文字的元素样式z-index值设成比前面设的值大一点就可以了,值越大表示越上面)

1、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。

2、然后通过background给div添加一张图片作为它的背景。

3、接着可以通过url()来连接图片,url里面放置的就是背景图片的路径。

4、随意地放了一张图片用作背景,一定要注意,路径要写对。

5、这样,保存之后文字就会覆盖在图片的上面了。