<html>
<head>
<title>校园科技节</title>
<style>
body{
background: linear-gradient(180deg, rgba(122,208,237,1) 0%, rgba(235,241,255,1) 53%);
}
h2{
font-family:黑体;
font-size:50px;
color:#DB7093;
}
h1{
font-family:黑体;
font-size:40px;
color:#DB7093;
}
p{
color:#000000;
font-family:隶书;
font-size:24px;
text-indent:2em;
text-width:400px;
margin-right:50px;
margin-left:50px;
}
.button {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
font-family: Arial;
color: white;
font-size: 20px;
padding: 10px 20px 10px 20px;
border: solid #1f628d 2px;
text-decoration: none;
}
.button:hover {
background: #9ed1f3;
background-image: -webkit-linear-gradient(top, #9ed1f3, #85c9f7);
background-image: -moz-linear-gradient(top, #9ed1f3, #85c9f7);
background-image: -ms-linear-gradient(top, #9ed1f3, #85c9f7);
background-image: -o-linear-gradient(top, #9ed1f3, #85c9f7);
background-image: linear-gradient(to bottom, #9ed1f3, #85c9f7);
text-decoration: none;
}
</style>
</head>
<body>
<center>
<h2>科技节体验项目——</h2>
<h1> 机器狗</h1>
<p></p><p></p>
<img src="images/jiqigou.jpg" width="348" >
</center>
<p>机器狗是一种模拟真实犬只形态和部分行为的机器设备，能够实现行走、坐下、翻滚等多种动作。机器狗的出现为人工智能和机器人研究提供了新的想象空间，也让更多人得以近距离接触机器人技术。 </p>
<p></p>
<center>
<a href="index.html"><button class="button" > <<< 主页 >>> </button></a>
</center>
</body>
</html>
