html中 如何在<font>中设置字体样式（粗体斜体等）
7个回答
展开全部
<!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>用<b>加粗字体：<b>加粗</b></p>
<hr>
<p>用<strong>加粗字体：<strong>加粗</strong></p>
<hr>
<p class="strong">用CSS font-weight 加粗 <em>normal(400)</em>, <em>bold(700)</em>
, <em>bolder</em>, <em>lighter</em></p>
<hr>
<p>用<i>斜体字体：<i>斜体</i></p>
<hr>
<p>用font-style: italic; 斜体字体：<em>斜体</em></p>
<hr>
<p>用<i>斜体字体：<em>斜体</em></p>
</body>
</html>
可以自行试一下！！！
效果图
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<b></b> 粗体文本
<i></i> 倾斜文本
这可以单独成在，在<font>中有属性color \face\size
<i></i> 倾斜文本
这可以单独成在，在<font>中有属性color \face\size
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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>
方法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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
方法一、<b> helloworld </b>
方法二、<strong> helloworld </strong>
方法三、<div style="font-weight:bold;"> hello world </div>
方法二、<strong> helloworld </strong>
方法三、<div style="font-weight:bold;"> hello world </div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<font style="font-weight: bold;font-style: italic;">粗体斜体</font>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
