JavaWeb-CSS-id选择器 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ID选择器</title>
    <style type="text/css">
        #id001{
            color: blue;
            border:1px solid yellow ;
            font-size: 30px;
        }
        #id002{
            color: red;
            border:5px dotted blue ;
            font-size: 20px;
        }
    </style>
</head>
<body>        
    
    <!-- 
    需求1：分别定义两个 div 标签，
    第一个div 标签定义 id 为 id001 ，然后根据id 属性定义css样式修改字体颜色为蓝色，
    字体大小30个像素。边框为1像素黄色实线。
    
    第二个div 标签定义 id 为 id002 ，然后根据id 属性定义css样式 修改的字体颜色为红色，字体大小20个像素。边框为5像素蓝色点线。
     -->
    
    <div id="id001">div标签1</div>
    <div id="id002">div标签2</div>
    
</body>
</html>

 

posted @ 2020-08-03 22:42  vkd  阅读(312)  评论(0)  编辑  收藏  举报