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

来源：互联网 2023-03-16 19:17:39 版权归原作者所有，如有侵权，请联系我们

一个网站或网页中一般包含很多不同颜色的文本文字，这就用到html标签中的样式标签style，那如何设置这多彩的样式呢？

工具/原料

桌面新建一个记事文本，命名：样式(style)实例.html,按回车确认！

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

选中新建的html文件右击记事本打开，输入html基础标签代码，如下图，完成后点击保存

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

在记事本中，头部标签head>/head>间添加代码：

style type="text/css">

h1 {color: yellow}

/style>

点击保存

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

然后在body>下方添加代码调用样式，h1>你好，我是黄色/h1>，点击保存

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

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

桌面双击html文件，打开网页显示黄色的超大文字

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

回到记事本中，在head>下方添加代码：p {color: pink}，然后在body>下也添加调用样式代码：你好，我是粉红色/，点击保存

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

桌面双击html文件，在打开的网页黄色字下方多了一行粉红色的你好，我是粉红色

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

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： HTML