CSS实现文字竖向排版以及双实线的实现

双实线

<style>
border:5px double #d5d5d5;
</style>

文字竖排显示主要依靠 writing-mode实现

<style>
   writing-mode: vertical-rl;
</style>

“writing-mode”共有三种属性

• horizontal-tb（默认值）：自上而下，从左到右的横排书写方式。
• vertical-lr：从左到右，自上而下的竖排书写方式。

• vertical-rl：从右到左，自上而下的竖排书写方式（典型的汉字竖排排版方式）。