首页1.画一个，长为778px 高为250px的方框（id命名为header）相对整个页面居中背景颜色为#eeeeee 边框1px 实心边框边框颜色为红色

1.画一个，长为778px 高为250px的方框（id命名为header）相对整个页面居中背景颜色为#eeeeee 边框1px 实心边框边框颜色为红色

时间: 2024-12-14 11:23:31 浏览: 10

要在HTML中创建一个满足上述条件的方框，你可以使用CSS样式结合HTML元素。首先，我们会在HTML中添加一个`<div>`元素作为头像，并设置其id为"header"。然后，在CSS中为其定义样式。 ```html <!DOCTYPE html> <html lang="zh"> <head> <style> #header { width: 778px; height: 250px; margin: auto; /* 居中 */ background-color: #eeeeee; /* 背景色 */ border: 1px solid red; /* 边框 */ box-sizing: border-box; /* 包含内边距和边框宽度 */ } </style> </head> <body> <div id="header"></div> </body> </html> ``` 在这个例子中，我们使用了`margin: auto`来实现水平居中，`box-sizing: border-box`是为了包括边框在内盒模型计算尺寸。现在，你就有了一个相对页面居中的、大小为778px x 250px，背景色为#eeeeee，1px实心红边框的方框。

阅读全文