# ID選擇器 ###### tags: `Html 選擇器` ```htmlembedded= <head> <meta charset="UTF-8"> <title>ID选择器</title> <style type="text/css"> #id001{ color: blue; font-size: 30px; border: 1px yellow solid; } #id002{ color: red; font-size: 20px; border: 5px blue dotted; } </style> </head> <body> <!--id 选择器的格式是： #id 属性值{ 属性：值; } id 选择器，可以让我们通过id 属性选择性的去使用这个样式。 --> <!-- 需求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> ``` ![](https://i.imgur.com/x9f6pv8.png) 1.