首页(1)新建一个网页，网页的标题为自己的学号+姓名+test02（如2130101唐建国+test02） (2)将网页设置为自适应浏览器的宽度和高度，始终充满屏幕。 (3)网页的背景设置为由红、黄、蓝三种颜色构成的椭圆型径向渐变。 (4)引用images文件夹下的touxiang.jpg图片，图片大小设置为宽500px,高450px，并且设置为圆形效果。 (5)图片区域水平居中，垂直居中。 (6)所有的CSS代码采用内部样式。 (7)将该网页以test02.html为文件名保存到html文件夹下。

(1)新建一个网页，网页的标题为自己的学号+姓名+test02（如2130101唐建国+test02） (2)将网页设置为自适应浏览器的宽度和高度，始终充满屏幕。 (3)网页的背景设置为由红、黄、蓝三种颜色构成的椭圆型径向渐变。 (4)引用images文件夹下的touxiang.jpg图片，图片大小设置为宽500px,高450px，并且设置为圆形效果。 (5)图片区域水平居中，垂直居中。 (6)所有的CSS代码采用内部样式。 (7)将该网页以test02.html为文件名保存到html文件夹下。

时间: 2024-03-27 14:40:31 浏览: 166

好的，以下是新建网页的代码： ```html <!DOCTYPE html> <html> <head> <title>2130101唐建国+test02</title> <style type="text/css"> * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; } body { background: radial-gradient(circle, #FF0000, #FFFF00, #0000FF); } #avatar { width: 500px; height: 450px; border-radius: 50%; background: url(images/touxiang.jpg) no-repeat center center; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } </style> </head> <body> <div id="avatar"></div> </body> </html> ``` 解释： 1. 在head标签中，使用style标签嵌入CSS样式表的代码。 2. 使用*选择器将所有元素的外边距和内边距设置为0，并将盒子模型设置为border-box。 3. 将html和body元素的高度设置为100%，以让网页始终充满屏幕。 4. 使用radial-gradient函数设置由红、黄、蓝三种颜色构成的径向渐变背景。 5. 在body标签中添加一个div元素，设置id为avatar，即头像区域。 6. 在avatar元素中使用background属性引用touxiang.jpg图片，设置图片大小、圆形效果和居中位置。

阅读全文