实例
文档中使用 CSS 设置样式的
部分:
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
这是 div 元素中的标题
这是 div 元素中的一些文本。
亲自试一试
案例分析
新的网站
一些文字。一些文字。一些文字...
...
新闻头条 1
一些文字。一些文字。一些文字...
...
新闻头条 2
一些文字。一些文字。一些文字...
...
...
例子解释
正如您看到的,上面这段 HTML 模拟了新闻网站的结构。其中的每个 div 把每条新闻的标题和摘要组合在一起,也就是说,div 为文档添加了额外的结构。同时,由于这些 div 属于同一类元素,所以可以使用 class="news" 对这些 div 进行标识,这么做不仅为 div 添加了合适的语义,而且便于进一步使用样式对 div 进行格式化,可谓一举两得。
提示:如需更深入地学习 class 和 id 的用法,请阅《W3school 的结构化标记》这一章中 div、id 和其他帮手 这一节。