Html+css编写太阳星系

最新推荐文章于 2024-05-22 14:00:13 发布

aoyi7834

最新推荐文章于 2024-05-22 14:00:13 发布

阅读量1.5k

点赞数

原文链接：http://www.cnblogs.com/hcy08042/p/11455668.html

版权

这篇博客展示了如何利用HTML和CSS技术简单地创建一个太阳系模型，涵盖了八大行星的布局，为读者提供了一个有趣的视觉效果。代码来源于https://www.cnblogs.com/hcy08042/p/11455668.html。

摘要由CSDN通过智能技术生成

我们都知道太阳系是以太阳为中心的，和所有受到太阳的引力约束天体的集合体。包括八大行星（由离太阳从近到远的顺序：水星、金星、地球、火星、木星、土星、天王星、海王星），而我用html和css所写的就是八大行星和太阳组成的星系，比较简易，代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title></title>
<style>
* {
  padding: 0;
  margin: 0;
}
body {
  width: 100%;
  height: 100%;
  background-color: #9370DB;
}
ul {
  height: 600px;
  width: 600px;
  margin: 50px auto;
  list-style: none;
  /* background: red; */
}
ul li {
    /* 在页面的中间呈现 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translat

最低0.47元/天解锁文章

aoyi7834

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
Html+css编写太阳星系

我们都知道太阳系是以太阳为中心的，和所有受到太阳的引力约束天体的集合体。包括八大行星（由离太阳从近到远的顺序：水星、金星、地球、火星、木星、土星、天王星、海王星），而我用html和css所写的就是八大行星和太阳组成的星系，比较简易，代码如下：<!doctype html><html><head><meta charset="u...
复制链接

扫一扫