CSS是一种定义网页样式的语言,能够美化网页、增加交互性和易读性。在CSS中,内部样式是一种为HTML文档中的特定标签组设置样式的机制。
<style>
table {
border-collapse: collapse;
width: 100%;
font-family: Arial, sans-serif;
font-size: 14px;
text-align: left;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
}
th {
background-color: #f2f2f2;
color: #333;
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:nth-child(odd) {
background-color: #fff;
}
</style>
在这个例子中,我们通过内部样式定义了一个表格样式表,用于美化HTML中的表格,包括以下几个方面:
- 设置表格的边框合并
- 设置表格宽度和字体类型、大小、文本对齐方式
- 设置表格中单元格的边框样式和内边距
- 为表头单元格设置特定样式
- 交替设置奇偶行的背景颜色
通过内部样式设置样式表,可以更加方便地控制文档中特定标签的属性和展示效果,使得网页更具美感和可读性。