首页 > 其他分享> > html--基础知识（字体粗细/倾斜效果）

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

2021-12-27 22:05:49 作者：互联网

<!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