如何使用css内联样式

2026-02-13 08:46:21

1、打开编辑器,新建一个html文档。

如何使用css内联样式

如何使用css内联样式

2、定义HTML框架。

直接在body标签里面加入:

style="color: lightblue;"

就能把所有字体都变为浅蓝色。

如何使用css内联样式

如何使用css内联样式

3、font-size: 50px;

这样可以调整字体的大小。

如何使用css内联样式

如何使用css内联样式

4、实际上其他标签也是可以加CSS样式的。

而且实际上会覆盖body里面的样式。

如何使用css内联样式

如何使用css内联样式

5、style="border: 5px solid orange;"

这个样式是加边框。

如何使用css内联样式

如何使用css内联样式

如何使用css内联样式

6、宽高可以用像素设置。

如何使用css内联样式

如何使用css内联样式

7、当然也可以用百分比来设置。

如何使用css内联样式

如何使用css内联样式

猜你喜欢