首页 > 软件开发 > HTML >

静态网页中如何创建样式(style)

来源:互联网 2023-03-16 19:17:39 203

一个网站或网页中一般包含很多不同颜色的文本文字,这就用到html标签中的样式标签style,那如何设置这多彩的样式呢?5CV办公区 - 实用经验教程分享!

工具/原料

  • 宽带上网
  • 电脑

方法/步骤

  • 1

    桌面新建一个记事文本,命名:样式(style)实例.html,按回车确认!5CV办公区 - 实用经验教程分享!

    静态网页中如何创建样式(style)?5CV办公区 - 实用经验教程分享!

  • 2

    选中新建的html文件右击记事本打开,输入html基础标签代码,如下图,完成后点击保存5CV办公区 - 实用经验教程分享!

    静态网页中如何创建样式(style)?5CV办公区 - 实用经验教程分享!

  • 3

    在记事本中,头部标签head>/head>间添加代码:5CV办公区 - 实用经验教程分享!

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

    h1 {color: yellow}5CV办公区 - 实用经验教程分享!

    /style>5CV办公区 - 实用经验教程分享!

    点击保存5CV办公区 - 实用经验教程分享!

    静态网页中如何创建样式(style)?5CV办公区 - 实用经验教程分享!

  • 4

    然后在body>下方添加代码调用样式,h1>你好,我是黄色/h1>,点击保存5CV办公区 - 实用经验教程分享!

    静态网页中如何创建样式(style)?5CV办公区 - 实用经验教程分享!

  • 4相关内容未经授权抓取自百度经验
  • 5

    桌面双击html文件,打开网页显示黄色的超大文字5CV办公区 - 实用经验教程分享!

    静态网页中如何创建样式(style)?5CV办公区 - 实用经验教程分享!

  • 6

    回到记事本中,在head>下方添加代码:p {color: pink},然后在body>下也添加调用样式代码:你好,我是粉红色/,点击保存5CV办公区 - 实用经验教程分享!

    静态网页中如何创建样式(style)?5CV办公区 - 实用经验教程分享!

    静态网页中如何创建样式(style)?5CV办公区 - 实用经验教程分享!

  • 7

    桌面双击html文件,在打开的网页黄色字下方多了一行粉红色的你好,我是粉红色5CV办公区 - 实用经验教程分享!

    静态网页中如何创建样式(style)?5CV办公区 - 实用经验教程分享!

  • 注意事项

    • 如果本经验对你有帮助,请点个赞,谢谢!!!

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


    标签: HTML

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