【尚硅谷 Java Web 笔记】id选择器

端木翠花

已于 2022-01-30 07:08:33 修改

阅读量789

点赞数 1

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

于 2022-01-30 07:08:01 首次发布

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

版权

Java Web学习专栏收录该内容

32 篇文章 2 订阅

订阅专栏

id选择器，可以让我们通过id属性选择性的去使用这个样式。

格式：

#id 属性值{

属性:值;

}

<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>id选择器</title>

    <style type="text/css">
        #id001{
            color:blue;
            font-size:30px;
            border:1px red solid;
        }
        #id002{
            color:red;
            font-size:20px;
            border:5px blue dotted;
        }
    </style>

</head>

<body>
<!--
 需求：分别定义两个div标签
        第一个div标签：定义id为”id001“，然后根据id属性定义CSS样式——修改字体颜色为蓝色，字体大小30像素，边框1像素、红色、实线
        第二个div标签：定义id为”id002“，然后根据id属性定义CSS样式——修改字体颜色为红色，字体大小20像素，边框1像素、蓝色、点线
-->
<div id="id001">div标签1</div>
<br/>
<div id="id002">div标签2</div>
</body>

</html>

运行结果：

端木翠花

关注

1
点赞
踩
0

收藏

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

id选择器，可以让我们通过id属性选择性的去使用这个样式。格式：#id 属性值{属性:值;}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>id选择器</title> <style type="...
复制链接

扫一扫