CSS 围绕垂直方向的文本画线
CSS Line around vertically oriented text
我想实现一个带有线条的文本:------------ TEXT ------------
如此处所述:
CSS technique for a horizontal line with words in the middle
但我需要它是垂直方向的,因为它会通过设置
writing-mode: vertical-rl;
text-orientation: mixed;
我该如何实现?
试试这个,
span:after,span:before{
content:"[=10=]a0[=10=]a0[=10=]a0[=10=]a0[=10=]a0";
text-decoration:line-through;
}
h2{
writing-mode: vertical-rl;
text-orientation: mixed;
margin:0;
}
<h2><span>vertically</span></h2>
我想实现一个带有线条的文本:------------ TEXT ------------
如此处所述: CSS technique for a horizontal line with words in the middle
但我需要它是垂直方向的,因为它会通过设置
writing-mode: vertical-rl;
text-orientation: mixed;
我该如何实现?
试试这个,
span:after,span:before{
content:"[=10=]a0[=10=]a0[=10=]a0[=10=]a0[=10=]a0";
text-decoration:line-through;
}
h2{
writing-mode: vertical-rl;
text-orientation: mixed;
margin:0;
}
<h2><span>vertically</span></h2>