繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
標題:
css竖排文字
[打印本頁]
作者:
rainbow
時間:
2019-3-22 10:14
標題:
css竖排文字
本帖最後由 rainbow 於 2021-1-14 21:25 編輯
此代码必须用chrome浏览器才能正确显示
卜算子.西山恋
漫步西山上,
邀友赏翠微。
松青柏绿山石秀,
花艳野蝶飞。
密林清如洗,
枝上小莺啼。
泉流汩汩伴山风,
醉景不思归。
作者:
rainbow
時間:
2019-3-22 10:18
此代码只适合chrome浏览器
<style type="text/css">.背景{
width: 680px; height: 450px; /*背景图片宽高*/
border-radius: 30px; /*背景图片圆角半径*/
background-image:url(https://www.oldkids.cn/upload/2018/05/07/blog_20180507132646097.gif);
overflow: hidden;/*清除浮动,使溢出部分隐藏*/
}
.文字{
position: relative; /*相对定位*/
left:200px; top:50px;
writing-mode:vertical-rl;
text-align:up;
font-size: 33px;
color: cyan;
}
</style>
<div style="margin-left:60px">
<div class="背景">
<div class="文字">
<div> 卜算子.西山恋<br />
<br />
漫步西山上,<br />
邀友赏翠微。<br />
松青柏绿山石秀,</div>
花艳野蝶飞。<br />
密林清如洗,<br />
枝上小莺啼。<br />
泉流汩汩伴山风,<br />
醉景不思归。<br />
</div>
</div>
</div><br><br>
複製代碼
此代码必须“禁用 URL 識別”
作者:
rainbow
時間:
2022-10-23 08:40
本帖最後由 rainbow 於 2022-10-23 08:45 編輯
《狮子山下》
人生中有欢喜
难免亦常有淚
我哋大家在狮子山下相遇上
总算是欢笑多于唏噓
人生不免崎岖
难以絕无挂虑
既是同舟
在狮子山下且共济
抛弃区分求共对
放开彼此心中矛盾
理想一起去追
同舟人誓相随
无畏更无惧
同处海角天边
携手踏平崎岖
我哋大家
用艰辛努力写下
那不朽香江名句
<center><div style="width:730"><section style="background-image:url('https://2img.net/h/i2.kknews.cc/TyLUO2ku2wsvHJGo17JonCduO5jHHuRX_FQGRWlKB0Q/0.jpg');background-color:#ddeedd; background-repeat:no-repeat;background-position: center top; background-size:cover; width:700px;height:337px; border-radius:30px"><section align=right><section style="padding-top:40px; padding-right:0px; Writing-mode:tb-rl; Text-align:left; POSITION: relative; WIDTH: 700px; height:330px" valign=bottom>
<span style="FONT: normal 22px/145% Microsoft YaHei; COLOR: #ff0080"><br>
《狮子山下》
<br><br>
人生中有欢喜<br>
难免亦常有淚<br>
我哋大家在狮子山下相遇上<br>
总算是欢笑多于唏噓<br>
人生不免崎岖<br>
难以絕无挂虑<br>
既是同舟<br>
在狮子山下且共济<br>
抛弃区分求共对<br>
放开彼此心中矛盾<br>
理想一起去追<br>
同舟人誓相随<br>
无畏更无惧<br>
同处海角天边<br>
携手踏平崎岖<br>
我哋大家<br>
用艰辛努力写下<br>
那不朽香江名句</span>
</section></section></section>
</div></center>
<br><br>
複製代碼
歡迎光臨 老校友 (http://boanson.orzweb.net/)
Powered by Discuz! 7.2