
HTML5 元素详解及图片展示
在HTML5中, 这段 CSS 代码为 元素用于展示独立的、自包含的内容块,通常包含图片、图表、代码片段等,并可配合 元素使用,后者为内容块提供标题或说明。 这与传统使用 
元素将图片及其说明组合成一个语义单元,方便管理和样式化。 使用 CSS 可以轻松调整其样式:figure {
border: 1px solid #ccc; /* 添加边框 */
margin: 20px auto; /* 设置外边距 */
padding: 10px; /* 设置内边距 */
width: 50%; /* 设置宽度 */
display: block; /* 块级元素 */
}
figcaption {
text-align: center; /* 居中对齐 */
font-style: italic; /* 斜体字 */
}
元素添加了边框、外边距、内边距和宽度,并将其设置为块级元素。 元素则被设置成居中对齐和斜体字,使图片说明更易于阅读。 通过这种方式,你可以创建整洁、美观的图片展示效果,并提升网页的语义化程度。 元素的灵活性和语义化特性使其成为处理图片和相关说明的理想选择。










