CSS中的HTML元素类名：定义与应用
/* 定义一个类名为.my-custom-class的CSS样式 */
.my-custom-class {
color: #333333; /* 文字颜色 */
background-color: #dddddd; /* 背景颜色 */
padding: 10px; /* 内边距 */
margin: 15px; /* 外边距 */
border: 1px solid #cccccc; /* 边框 */
border-radius: 5px; /* 边框圆角 */
}
/* 应用该类到具有class="my-custom-class"的HTML元素上 */
<div class="my-custom-class">这是一个应用了自定义样式的div元素。</div>这段代码定义了一个名为.my-custom-class的CSS类，并在一个div元素上应用了这个类。通过设置文字颜色、背景颜色、内边距、外边距和边框样式，为div元素提供了统一的视觉风格。这是CSS中类名的基本使用方法，对于学习者来说，这是一个很好的开始。
评论已关闭