纯HTML+CSS 页设计期末作业（个人 站）

目录

• • 纯HTML+CSS 页设计期末作业（个人 站）
  • • 源码链接
    • 效果展示
    • • index 页面
      • about 页面
      • hobbies 页面
      • 书籍介绍页面
      • 元曲介绍页面
    • 源码
    • • index.html
      • index.css
      • about.html
      • hobbies.html
      • hobbies.css
      • me.html
      • me.css
      • book1.html
      • book.css
      • yuanqu.html
      • yuanqu.css
    • 缺陷

纯HTML+CSS 页设计期末作业（个人 站）

源码链接

https://github.com/1075461847/pagedemo

效果展示

index 页面

hobbies 页面

元曲介绍页面

其他介绍类似

源码

index.html

DOCTYPE html>head>    title>title>    link rel="stylesheet" href="css/index.css">head>body>    div class="home">div class="content">    div class="stars">div>    img class="bgc" src="https://img.lccyj.ltd/img/tongnian.JPG" width="100%" alt="">    h3 class="title">欢迎来到我的个人 站h3>    h3 class="titles">我时常回到童年，用一片童心思考问题，很多烦恼的问题就变得易解。h3>    img class="icon" src="https://img.lccyj.ltd/img/down.png" alt="">    div class='ribbon'> a href='./index.html'>span>Homespan>a> a href='./about.html'>span>Aboutspan>a> a href='./hobbies.html'>span>Hobbiesspan>a>    div>div>div class="icons">    div class="icons_items"> img class="icons_items_imgs" src="https://img.lccyj.ltd/img/tongxin (2).png" alt=""> span>守住童心span>    div>    div class="icons_items"> img class="icons_items_imgs" src="https://img.lccyj.ltd/img/huli (2).png" alt=""> span>那些小王子教会我的span>    div>    div class="icons_items"> img class="icons_items_imgs" src="https://img.lccyj.ltd/img/xiaowangzi (2).png" alt=""> span>狐狸---温暖了一生span>    div>    div class="icons_items"> img  class="icons_items_imgs" src="https://img.lccyj.ltd/img/meigui (2).png" alt=""> span>玫瑰---惊艳了时光span>    div>div>div class="introduce">    div class="introduce_item"> img class="introduce_item_img" src="https://img.lccyj.ltd/img/tongxin (2).png" alt=""> span class="introduce_item_title">我们整天忙忙碌碌，像一群群没有灵魂的苍蝇，喧闹着，躁动着，听不到灵魂深处的声音。时光流逝，童年远去，我们渐渐长大，岁月带走了许许多多的回忆，也消蚀了心底曾今拥有的那份童稚的纯真，我们不顾心灵桎梏，沉溺于人世浮华，专注于利益法则，我们把自己弄丢了。br>br>所有的大人都曾经是小孩，虽然，只有少数的人记得。br>br>只有用心灵才能看得清事物本质，真正重要的东西是肉眼无法看见的 span>    div>    div class="introduce_item"> span class="introduce_item_titles">小王子在离开了玫瑰后才明白爱的道理：“我那时什么也不懂！我应该根据她的行为，而不是她的话来判断她。她使我的生活芬芳多彩，我真不该离开她跑出来。我本应该猜出在她那笨拙的假话背后所隐藏的情爱。玫瑰花是多么的自相矛盾！可是我当时太年轻，还不懂得去爱她。”br>br>我的花生命是短暂的，她只有四根刺可以保护自己，抵御世界，我却将她独自留在我的星球上了！ span> img class="introduce_item_img" src="https://img.lccyj.ltd/img/huli (2).png" alt="">    div>    div class="introduce_item"> img class="introduce_item_img" src="https://img.lccyj.ltd/img/xiaowangzi (2).png" alt=""> span class="introduce_item_title">狐狸说：“对我来说，你只是一个小男孩，就像其他成千上万个小男孩一样没有什么两样。我不需要你。你也不需要我。对你来说，我也只是一只狐狸，和其他成千上万的狐狸没有什么不同。但是，如果你驯养了我，我们就会彼此需要。对我来说，你就是我的世界里独一无二的了；我对你来说，也是你的世界里的唯一了。”span>    div>    div class="introduce_item"> span class="introduce_item_titles">玫瑰花：＂我并非如此的弱不禁风...夜晚的凉风对我倒有好处。我是一朵花啊。＂br>br>她天真地显露出她那四根刺，随后又说道： “别这么磨蹭了。真烦人！你既然决定离开这儿，那么，快走吧！” 她其实是不愿意让小王子看到自己哭泣。她曾经是多么高傲的一朵花……br>br>玫瑰在小王子离开时这样说，我当然爱你，没有让你感觉到，是我的不对。 span> img class="introduce_item_img" src="https://img.lccyj.ltd/img/meigui (2).png" alt="">    div>
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！