码迷,mamicode.com
首页 > Web开发 > 详细

HTML 之 文本样式

时间:2018-08-13 23:52:11      阅读:269      评论:0      收藏:0      [点我收藏+]

标签:阴影   字体样式   har   单词   自己   形参   ali   tle   pac   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本样式</title>
    <style type="text/css">
        .name1{
            font-style: oblique;     /*微微倾斜*/
            letter-spacing: 30px;     /*字母间距*/
            word-spacing: 100px;    /*单词间距*/
            line-height: 30px;    /*行高*/
            text-indent: 60px;     /*首行缩进*/
            text-decoration: underline; /*字体下划线*/
        }
        /*文本阴影(可用于防止别人复制自己文本),形参是 x偏移,y偏移,模糊程度*/
        .name2{
            font-family: 方正兰亭超细黑简体;  /*字体样式*/
            font-style: italic;  /*字体很倾斜*/
            font-weight: 600px;  /*字体粗细*/
            text-shadow:  100px 100px 6px #3bff6a; /*字体本身的阴影*/
        }
    </style>
</head>
<body>
    <p class="name1" > 可能因为是她吧 对吗</p>
    <p class="name2"> 记得承诺过</p>
</body>
</html>

把常用的一些针对文本的特技列了出来

HTML 之 文本样式

标签:阴影   字体样式   har   单词   自己   形参   ali   tle   pac   

原文地址:https://www.cnblogs.com/3532gll/p/9471629.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!