Css设置文字旋转

 .test{
            -moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            display: block;
            position: absolute;
            filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
        }
<span class="test">2009</span>

结果:

原文地址:https://www.cnblogs.com/wanlibingfeng/p/11211696.html

时间: 2024-11-08 05:46:21

Css设置文字旋转的相关文章

css让文字旋转270度

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTEN

如何利用CSS设置文字的阴影效果

如何利用CSS设置文字的阴影效果:建议:尽可能的手写代码,可以有效的提高学习效率和深度.有时候需要给文字加上阴影,下面就结合实例简单介绍一下如何给文字加上阴影效果.先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/"

css设置文字中间的小竖线

主要css属性是border-right border-right:1px solid gray; padding-right:10px; padding-left:10px; <div data-bind="foreach:RequestListAll"> <a class="PositionName" style="display: block;color:gray; float: left; font-family: 微软雅黑; f

css设置文字不换行并显示省略号

1.单行文本显示省略号 width:value(具体的值):设置容器具体的宽度 white-spacing:nowrap:强制文本在一行内显示 overflow:hidden:溢出内容为隐藏 text-overflow:ellipsis:溢出文本显示省略号 2.多行文本显示省略号 display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden: text-overflow:ellipsis: -webkit-line-clamp

CSS实现文字旋转/实现角标

主要用到属性transform:rotate(-30deg) example: .divedittable .project-tag div { width: 43px; line-height: 43px; text-align: center; color: #fff; font-size: 12px; transform: rotate(-45deg); } .divedittable .design-tag { background-image: url('../images/icons

CSS设置文字大小自适应功能

<span id="topaccount" style="font-size:3rem;color:red;">NANA</span> <span> 这是html的某一个页面的span里面的东西 我想让它自适应显示设备儿变大变小font-size:3rem 1rem=16px 然后 我只要设置html的属性,然后具体哪个标签要固定死就让他为固定的值.其他的值为3rem的百分比 <style> @media screen

CSS设置文字在div的中央显示(转)

网址来源:http://keleyi.com/a/bjac/n1j9gb06.htm #divId_keleyi_com {width: 200px;height: 40px; /*div的高度*/line-height:40px; /*/这个数值要和height高度相等,才能控制文字上下居中*/text-align:center; /*/控制文字左右居中*/ color: #FB592B; /*/字体颜色*/font-size:25px;}<div id="divId_keleyi_co

css设置文字上下居中,一行文字居中,两行或多行文字同样居中,附带效果图

附图: 1. 利用Flex布局实现 demo.html 1 <div class="demo demo-flex"><span>孤云将野鹤,岂向人间住.莫买沃洲山,时人已知处.</span></div> style.css 1 .demo { 2 width: 120px; 3 height: 200px; 4 border: 1px solid red; 5 /*line-height: 25px;*/ 6 font-size: 12p

使用CSS设置文字不可选

可以使用user-select属性 实例: 1 .noselect { 2 -webkit-touch-callout: none; 3 -webkit-user-select: none; 4 -khtml-user-select: none; 5 -moz-user-select: none; 6 -ms-user-select: none; 7 user-select: none; 8 } <p> Selectable text. </p> <p class="