首页 > 设计 > WEB开发 > 正文

【CSS3】右上角倾斜文字

2019-11-02 18:21:19

字体：大中小

来源：转载

供稿：网友

这里写图片描述

【CSS3】右上角倾斜文字

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .aaa{ width:200px; height:200px; position:relative; background: red; overflow: hidden; } .aaa .bbb{ width:100px; height:100px; position: absolute; background: green; top:-50px; right:-50px; transform: rotate(45deg); } .aaa .bbb span{ position: absolute; bottom:0; display: block; width:100px; text-align: center; } </style></head><body><div class="aaa"> <div class="bbb"> <span>四年级</span> </div></div></body></html>

上一篇：CSS3 选择器

下一篇：一定时间内连续点击只有最后一次点击进行ajax提交

学习交流

phpwind的rewrite重写原理

phpwind的rewrite重写原理...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

华为Mate30系列5G版1日开售麒麟990 5G性能更强

2019-10-30 08:55:02

荣耀总裁赵明乌镇演讲：荣耀首款5G手机V30下月发布

2019-10-23 09:17:20

荣耀20青春版发布售价1399元起

2019-10-23 09:10:39

华为新品发布邀请函曝光 MateX上市时间确定 5G＋55W闪充

2019-10-23 09:03:43

搜狐张朝阳：回归媒体是搜狐重新崛起的关键

2019-10-21 09:20:24

华为nova 6或于12月5日发布采用前置挖孔双摄设计

2019-10-21 09:09:25

疑难解答

图片精选

网友关注