【尚硅谷 Java Web 笔记】class类型选择器

最新推荐文章于 2024-06-20 18:29:17 发布

端木翠花

最新推荐文章于 2024-06-20 18:29:17 发布

阅读量122

点赞数

分类专栏： Java Web学习文章标签： javaweb html css

本文链接：https://blog.csdn.net/qq_54110690/article/details/122762778

版权

class类型选择器，可以通过class属性有效地选择性地去使用这个样式。

格式：

.class属性值{

属性:值;

}

<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>class类型选择器</title>

    <style type="text/css">
      .class01{
        color:blue;
        font-size:30px;
        border:1px red solid;
      }
      .class02{
        color:red;
        font-size:20px;
        border:1px blue solid;
      }
    </style>

</head>

<body>
<!--
 需求：修改class属性值为”class01“的标签，字体颜色为蓝色，字体大小为30像素，边框1像素、红色、实线。
     修改class属性值为”class02“的标签，字体颜色为红色，字体大小为20像素，边框1像素、蓝色、实线。
-->
<span class="class01">span标签1</span>
<p class="class02">p标签1</p>
<span class="cla

最低0.47元/天解锁文章

端木翠花

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【尚硅谷 Java Web 笔记】class类型选择器

class类型选择器，可以通过class属性有效地选择性地去使用这个样式。格式：.class属性值{ 属性:值; }<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>class类型选...
复制链接

扫一扫