手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用css内联样式

时间:2024-10-12 01:20:12

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内联样式
© 手抄报圈