首页 > 软件开发 > HTML >

HTML怎么添加使用CSS

来源:互联网 2023-03-16 19:16:45 413

对于很多刚接触网站开发的小伙伴来说,不是很熟悉HTML添加CSS的方式。下面小编就将操作方法演示给大家,供大家参考学习!GH9办公区 - 实用经验教程分享!

HTML怎么添加使用CSSGH9办公区 - 实用经验教程分享!

工具/原料

  • 电脑:win7,64位
  • 开发工具:HBuilder X

方法一

  • 1

    打开网站开发工具,新加一个HTML文件GH9办公区 - 实用经验教程分享!

    HTML怎么添加使用CSSGH9办公区 - 实用经验教程分享!

  • 2

    直接在HTML标签添加内联样式:GH9办公区 - 实用经验教程分享!

    演示代码:div style="width: 100%;">/div>GH9办公区 - 实用经验教程分享!

    HTML怎么添加使用CSSGH9办公区 - 实用经验教程分享!

  • 2本页面非法爬取自百度经验
  • 方法二:

  • 1

    在HTML文档内使用style>/style>标签添加样式:GH9办公区 - 实用经验教程分享!

    演示代码:GH9办公区 - 实用经验教程分享!

    style type="text/css">/style>GH9办公区 - 实用经验教程分享!

    HTML怎么添加使用CSSGH9办公区 - 实用经验教程分享!

  • 方法三

  • 1

    新建一个CSS文件,并且写入相关样式GH9办公区 - 实用经验教程分享!

    HTML怎么添加使用CSSGH9办公区 - 实用经验教程分享!

  • 2

    在HTML文件上引入CSS文件GH9办公区 - 实用经验教程分享!

    演示代码:link rel="stylesheet" type="text/css" href="style.css"/>GH9办公区 - 实用经验教程分享!

    HTML怎么添加使用CSSGH9办公区 - 实用经验教程分享!

  • 方法总结

  • 1

    方法一:GH9办公区 - 实用经验教程分享!

    1、新建一个HTML文件GH9办公区 - 实用经验教程分享!

    2、在HTML标签添加内联样式GH9办公区 - 实用经验教程分享!

    方法二:GH9办公区 - 实用经验教程分享!

    1、新建一个HTML文件GH9办公区 - 实用经验教程分享!

    2、使用style>/style>标签添加样式GH9办公区 - 实用经验教程分享!

    方法三:GH9办公区 - 实用经验教程分享!

    1、新建一个CSS文件GH9办公区 - 实用经验教程分享!

    2、在HTML文件上引入CSS文件GH9办公区 - 实用经验教程分享!

  • 注意事项

    • tips1:本教程所使用的代码及参数,只是为了方便演示,实际情况按自己的需求来写!
    • tips2:如果有什么不明白,可以给小编留言咨询或者建议!

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


    标签: CSSHTML网站

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