设为首页
收藏本站
手机版
开启辅助访问
切换到窄版
登录
立即注册
首页
论坛
BBS
最新帖子
百度网盘提速法
搜索
搜索
每日签到
本版
帖子
用户
无题资源网
»
论坛
›
网页&编程资源
›
网页及素材
›
html5+css3中的rotate的属性 实现网 页上角标的效果 ...
返回列表
发新帖
html5+css3中的rotate的属性 实现网 页上角标的效果
[复制链接]
1707
|
0
|
2019-10-15 19:34:51
|
显示全部楼层
|
阅读模式
本帖最后由 ℡淺笑如夏 于 2019-10-15 19:37 编辑
html5+css3中的rotate的属性 实现网 页上角标的效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>制作角标的方法wuti5.com</title>
<style>
.con{
height: 250px;
width: 200px;
margin: 0 auto;
overflow: hidden;
margin-top: 100px;
position: relative;
background-color: #4cd964;
}
.subscript{
color: #fff;
height: 30px;
width: 100px;
position: absolute;
right: -30px;
text-align: center;
line-height: 30px;
font-family: "黑体";
background-color: #0c60ee;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
</style>
</head>
<body>
<div class="con">
<div class="subscript">
角标
</div>
</div>
</body>
</html>
复制代码
网址演示:
https://wuti5.com/jquery/css3/jiaobiao.html
回复
使用道具
举报
返回列表
发新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
℡淺笑如夏
705
主题
283
回帖
1002
积分
三品中书
三品中书, 积分 1002, 距离下一级还需 1998 积分
三品中书, 积分 1002, 距离下一级还需 1998 积分
积分
1002
加好友
发消息
回复楼主
返回列表
网页及素材
编程资源
图文推荐
2023各类目手机拍摄0基础入门以及剪辑课-手机拍摄技巧的各种秘密
2023-05-09
MagesBox特效教程合¥集-涵盖游戏特效、虚幻MMO特效、unity3d特
2023-01-09
小白剪辑详细教学38期-涵盖卡点视频制作、打个响指换天空等_9.98
2023-02-06
TG飞机群发器工具V3.5+使用教程打包,外面收费5000,注意可能是
2022-05-11
2021年的中级经济师,财税、工商、建筑、金融考试复习资料-含精
2022-07-29
热门排行
1
古今神秘现象全纪录(12本)-含文化篇、天
2
赤脚医生手册48册PDF【绝版书籍】-一个特殊
3
米晶子——济世良方(张至顺).pdf
4
《千家妙方》全书分为上下册。上册为内科部
5
田连元评书《小八义》-田老经典评书
6
小学课本1--12册(已制作成PDF)--怀旧八九
7
Bj羽道长系列-含子平八字、阳宅风水、小六
8
80、90年代小学语文、化学、物理、代数、平
9
抖音修改器,能实现数据修改刷礼物等,仅供
10
玄隐遗秘(三申道长)作者商代容成公,距今