【CSS】CSS在标签中添加多个class属性

最新推荐文章于 2024-05-27 09:00:00 发布

Jessica_FM

最新推荐文章于 2024-05-27 09:00:00 发布

阅读量3k

点赞数 1

分类专栏：前端文章标签： css 前端

本文链接：https://blog.csdn.net/weixin_43702243/article/details/124775339

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

CSS在标签中添加多个class属性

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Challenge: A classy gallery</title>
        <style>
            body {
                font-family: cursive;
            }
            
            .image-small {
                width: 150px;
            }
            .image-medium {
                width: 200px;
            }
            .black-frame {
                border: 8px double rgb(38, 38, 38);
            }
            .gold-frame {
                border: 10px ridge rgb(255, 183, 0);
            }
            .silver-frame {
                border: 10px groove rgb(204, 204, 204);
            }
        </style>
    </head>
    <body>
        
        <h1>A classy gallery</h1>
        
        <img src="https://www.kasandbox.org/programming-images/animals/cat.png" class="image-small silver-frame">
        
        <img src="https://www.kasandbox.org/programming-images/animals/fox.png" class="black-frame image-small">
        
        <img src="https://www.kasandbox.org/programming-images/animals/penguins.png" class="silver-frame image-medium">


    </body>
</html>

不同的class属性用空格间隔

代码源于可汗学院

Jessica_FM

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【CSS】CSS在标签中添加多个class属性

CSS在标签中添加多个class属性<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Challenge: A classy gallery</title> <style> body { font-family: cursive;
复制链接

扫一扫