html中 如何在<font>中设置字体样式(粗体斜体等)

 我来答
太刀砍电线
2019-10-25 · TA获得超过4338个赞
知道小有建树答主
回答量:579
采纳率:80%
帮助的人:45.3万
展开全部
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>字体加粗</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        p {
            text-align: center;
            margin: 16px 0;
        }

        em {
            /* 去掉字体样式 */
            font-style: normal;
        }

        p.strong :nth-child(1) {
            font-weight: normal;
        }

        p.strong :nth-child(2) {
            font-weight: bold;
        }

        p.strong :nth-child(3) {
            font-weight: bolder;
        }

        p.strong :nth-child(4) {
            font-weight: lighter;
        }
        
        p.strong :nth-child(5) {
            /* 等同于bold*/
            font-weight: 700;
        }
        p > em:only-child{
            font-style: italic;
        }
    </style>
</head>
<body>
    <hr>
    <p>用&lt;b&gt;加粗字体:<b>加粗</b></p>
    <hr>
    <p>用&lt;strong&gt;加粗字体:<strong>加粗</strong></p>
    <hr>
    <p class="strong">用CSS font-weight 加粗 <em>normal(400)</em>,&nbsp;<em>bold(700)</em>
     ,&nbsp<em>bolder</em>,&nbsp<em>lighter</em></p>
    <hr>
    <p>用&lt;i&gt;斜体字体:<i>斜体</i></p>
    <hr>
    <p>用font-style: italic; 斜体字体:<em>斜体</em></p>
    <hr>
    <p>用&lt;i&gt;斜体字体:<em>斜体</em></p>
</body>
</html>

可以自行试一下!!!

效果图

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
字体视界
2024-09-30 广告
可以,font加粗用法如:font:blod 12px "宋体"; 这里的blod是粗体,也可以是10至90,斜体用Italic 或oblique,12px是字体大小,18px是字体的大小,font一定要写字体大小和字体名称才能起作用,其他... 点击进入详情页
本回答由字体视界提供
3102431
2013-01-17 · 超过30用户采纳过TA的回答
知道答主
回答量:142
采纳率:0%
帮助的人:81万
展开全部
<b></b> 粗体文本
<i></i> 倾斜文本
这可以单独成在,在<font>中有属性color \face\size
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
xubing6243
推荐于2017-10-06 · TA获得超过212个赞
知道小有建树答主
回答量:517
采纳率:0%
帮助的人:321万
展开全部
2中方法
方法1:
<font style="font-weight:bold;font-style:italic;">aaaaa</font>

方法2:
<style type="text/css">
font {font-weight:bold;font-style:italic;}

</style>
<font>aaa</font>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友be285790e
2013-03-11
知道答主
回答量:5
采纳率:100%
帮助的人:2.5万
展开全部
方法一、<b> helloworld </b>
方法二、<strong> helloworld </strong>
方法三、<div style="font-weight:bold;"> hello world </div>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
历盆郁7
2013-01-17 · TA获得超过4277个赞
知道大有可为答主
回答量:1795
采纳率:100%
帮助的人:952万
展开全部
<font style="font-weight: bold;font-style: italic;">粗体斜体</font>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式