首页 > 软件开发 > HTML >

如何使用css内联样式

来源:互联网 2023-03-16 19:15:42 228

如何使用css内联样式Fa0办公区 - 实用经验教程分享!

工具/原料

  • html
  • css

方法/步骤

  • 1

    打开编辑器,新建一个html文档。Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

  • 2

    定义HTML框架。Fa0办公区 - 实用经验教程分享!

    直接在body标签里面加入:Fa0办公区 - 实用经验教程分享!

    style="color: lightblue;"Fa0办公区 - 实用经验教程分享!

    就能把所有字体都变为浅蓝色。Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

  • 3

    font-size: 50px;Fa0办公区 - 实用经验教程分享!

    这样可以调整字体的大小。Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

  • 4

    实际上其他标签也是可以加CSS样式的。Fa0办公区 - 实用经验教程分享!

    而且实际上会覆盖body里面的样式。Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

  • 4该信息非法爬取自百度经验
  • 5

    style="border: 5px solid orange;"Fa0办公区 - 实用经验教程分享!

    这个样式是加边框。Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

  • 6

    宽高可以用像素设置。Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

  • 7

    当然也可以用百分比来设置。Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

    如何使用css内联样式Fa0办公区 - 实用经验教程分享!

  • 注意事项

    • px就是像素单位

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Fa0办公区 - 实用经验教程分享!


    标签: CSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码