标记用作 html 元素的容器。借助此标签，我们可以轻松定义 html 文档的一部分。它还用于将大部分 html 元素分组在一起并轻松格式化它们。 标签与块级元素一起使用。
标记接受所有 CSS 属性，并使用 class 和 id 等属性设置其中元素的样式。
语法
以下是 标记的语法。
Content…
示例 1
下面给出了一个在 HTML 中向 div 标签添加样式的示例。
.parent { border: 1rem solid green; margin: 1rem; padding: 1rem 1rem; text-align: center; box-shadow: 2px 2px 20px 23px aquamarine; } .division { display: inline-block; border: 1px solid aquamarine; padding: 1rem 1rem; background-color: #2ecc71; color: white; } div tag 1 div tag 2 div tag 3
以下是上述示例程序的输出。
立即学习“前端免费学习笔记（深入）”；
我们可以向标签添加更多样式。
示例 2
下面给出了在 HTML 中向 div 标记添加样式的另一个示例。
.parent { border: 1rem solid green; margin: 1rem; padding: 1rem 1rem; text-align: center; box-shadow: 2px 2px 20px 23px aquamarine; } .division { display: inline-block; border: 1px solid aquamarine; padding: 1rem 1rem; background-color: #2ecc71; color: white; text-transform: uppercase; text-decoration: underline; font-family: cursive; font-size: 1.2rem; font-weight: bolder; font-style: italic; } div tag 1 div tag 2 div tag 3
以下是上述示例程序的输出。
立即学习“前端免费学习笔记（深入）”；
示例 3
您可以尝试运行以下代码以使用 标记设置 HTML 元素的样式。添加的样式规则将应用于 id=”content” 的元素。这里的 id 是 CSS 选择器。
#container p { line-height: 15px; margin: 20px; padding-bottom: 15px; text-align: justify; width: 130px; color: blue; } HTML div Tag Welcome to our website. We provide tutorials on various subjects.
以上就是我们如何使用分割标签来为HTML元素设置样式？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1551636.html
微信扫一扫 
支付宝扫一扫 
