html--基础知识（字体粗细/倾斜效果）

2021-12-27 22:05:49 阅读：135 来源： 互联网

标签：倾斜 weight -- 基础知识 html 字体加粗 font 属性

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        1.font-weight=  字体的粗细效果
            属性值有：
                normal 默认展示的字体，不加粗
                bold 加粗
                number:100-500  默认展示的字体，不加粗  600-900  字体加粗
                如下：
        2.font-style=字体倾斜
                normal 默认字体不倾斜属性
                italic 倾斜字体属性（标签带有倾斜属性才可以使用该属性）
                oblique 倾斜字体属性（标签不带有倾斜属性才可以使用该属性）
                       
        <style>
            p{
                /* font-weight:bold; */
                font-weight: 600; 
            }
            h1{
                /* font-style: italic; */
                font-style: oblique;
            }
        </style>
    </head>
    <body>
        <p>字体加粗</p>
        <h1>字体倾斜</h1>
        <h2 style="text-decoration: overline;">上划线</h2>
        <h3 style="text-decoration: line-through;">删除线</h3>
        <a href="#" style="text-decoration: none;">取消下划线</a>
        <h4 style="text-decoration: underline;">下划线</h4>
        <h5 style="text-decoration: overline line-through underline;">添加上，下，删除线</h5>
    </body>
</html>

标签：倾斜,weight,--,基础知识,html,字体,加粗,font,属性
来源： https://www.cnblogs.com/wsx123/p/15738031.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

html--基础知识（字体粗细/倾斜效果）