js中怎么改变字体样式
时间: 2023-12-06 16:45:06 浏览: 22
要改变字体样式,可以在CSS中设置以下属性:
```
font-family: Arial, sans-serif; /* 设置字体 */
font-size: 16px; /* 设置字体大小 */
font-weight: bold; /* 设置字体粗细 */
font-style: italic; /* 设置字体风格 */
color: #333; /* 设置字体颜色 */
text-decoration: underline; /* 设置字体下划线 */
```
然后将CSS样式应用到HTML元素上,例如:
```
<p style="font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; font-style: italic; color: #333; text-decoration: underline;">Hello World</p>
```
也可以将CSS样式写在外部样式表中,例如:
HTML文件:
```
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p class="my-text">Hello World</p>
</body>
```
CSS文件(style.css):
```
.my-text {
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
color: #333;
text-decoration: underline;
}
```