<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#top{
/*border: solid 1px red;*/
margin: -20px auto;
background-color: #F0F8FF;
height: 900px;
}
#top div:nth-child(1){
width:200px;
height:200px;
border-radius: 50% 50%;
margin: 20px auto;
border: solid 2px white;
overflow: hidden;
}
#top div:nth-child(1)>img{
width:200px;
height:200px;
}
#top div:nth-child(2){
width:200px;
height:100px;
margin: 0px auto;
/* border: solid 2px red;*/
text-align: center;
}
#top div:nth-child(3){
width:100px;
height:28px;
margin: 0px auto;
/*border: solid 2px red;*/
text-align: center;
background-color: #2E8B57;
color: #FFFFFF;
padding-top: 5px;
}
.no-underline {
text-decoration: none;
}
a{
/* 访问前状态 */
color: #FFFFFF;
}
</style>
</head>
<body>
<div id="top">
<div>
<img src="img.png" >
</div>
<div><p>hi 我是AI助手
我能做任何事情
</p></div>
<div><a class="no-underline" href="http://www.baidu.com">与我对话</a></div>
</div>
</body>
</html>
自己写的ai html页面
最新推荐文章于 2024-06-15 08:45:44 发布