首页在文件夹“ YiDong+学号”下新建一个 one.html 文件，在 one.html 中新建一个 div 标签,该标签 id 设置为“div1”，把 div 元素的宽为 400px,高 300px,边框蓝色为 2px 实线边框并把 div 通过外边距(margin)居中

在文件夹“ YiDong+学号”下新建一个 one.html 文件，在 one.html 中新建一个 div 标签,该标签 id 设置为“div1”，把 div 元素的宽为 400px,高 300px,边框蓝色为 2px 实线边框并把 div 通过外边距(margin)居中

时间: 2024-09-11 10:05:43 浏览: 57

要在文件夹“YiDong+学号”下创建名为one.html的新文件，并设置其中的div元素样式，你可以按照以下步骤操作： 1. 打开文本编辑器（如Notepad++、Sublime Text或Visual Studio Code），然后创建一个新的HTML文件。 2. 将下面的HTML代码复制粘贴到新文件中： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <style> .center-div { width: 400px; height: 300px; border: 2px solid blue; /* 蓝色实线边框 */ margin: auto; /* 自动内边距使其居中 */ } </style> </head> <body> <div id="div1" class="center-div">这是一个居中的div元素</div> </body> </html> ``` 3. 保存这个文件，文件名应为“one.html”，并且确保它位于“YiDong+学号”文件夹中。在这个代码里，`<div id="div1" class="center-div">...</div>` 定义了一个id为"div1"的div元素，设置了宽度、高度和边框样式。`.center-div` 类应用于这个div，实现了居中的效果。

阅读全文