zoukankan      html  css  js  c++  java
  • css制作三角形和小于12px的文字

    <!DOCTYPE html>          
    <html>          
    <head>          
        <meta charset="UTF-8">      
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">    
        <title>css制作三角形和小于12px的文字</title>        
        <style type="text/css">  
            body{margin: 0}
            .m-demo {  0; height: 0; border- 40px; border-style: solid; border-color: transparent transparent red transparent;}
            
            .m-test{display: inline-block;font-size: 12px;vertical-align: text-top;}
            .m-test2{display: inline-block; font-size: 20px;transform:scale(0.5,0.5); }
            .m-test3{display: inline-block; font-size: 20px;transform:scale(0.4,0.4); }
        </style>        
    </head>          
    <body>  
        <div class="m-demo">
        </div>   
        <div><span class="m-test">徐同保(12px)</span><span class="m-test2">徐同保(10px)</span><span class="m-test3">徐同保(8px)</span></div>
        </div>
    </body>          
    </html>





  • 相关阅读:
    OO第四次总结
    OO第三次总结
    C语言函数指针
    Java对象集合
    emacs下最牛逼的Markdown编辑方式
    OO第二次总结
    Git复习
    Java设计原则
    多线程学习笔记1
    OO第一次总结
  • 原文地址:https://www.cnblogs.com/xutongbao/p/9924886.html
Copyright © 2011-2022 走看看