有女朋友的拿去給女朋友一個驚喜，沒女朋友的拿去表白，或者NEW它10000000個ε≡?(?>?<)?

文章目錄

• 前言
• 適用范圍
• 網頁展示
• • 登錄界面
  • 文字界面
  • 圖片界面
  • 尾部界面
• 獲取源碼

前言

前些日子是女友的一周年，康康想用一種特殊的方式來慶祝，于是想到了通過做網頁的方式來紀念這一天，但是在網上搜索了大量資源后發現很多都很老套，是很多年前的那種，這不符合康康的風格，于是利用搜集來的資料，加入了個人的理解和思路，以及最近流行的3D圖冊，經過不懈努力，做出了一套四網頁，治愈風的html網頁。（html+css+JavaScript）（含背景音樂）

適用范圍

該網站主體使用少女粉配色，有四個界面，適合于于表白，慶祝生日，周年，以及給女友小驚喜，博主以及給大家整理好了模板，大家只需簡單修改，即可用網頁生成打開。
每一個網頁都有背景音樂，網頁默認禁止音樂播放，但是我發現，先點超鏈接到下一頁，再回來就有背景音樂了，大家可以試試。
這里我建議大家在自己電腦上做好，錄屏，然后一步步操作，發給你的女友。
（下面是詳細使用說明）

網頁展示

登錄界面

第一張圖片可以放女友的照片。

博主在這里用的是女友照片的q版本頭像，如果需要，可在某寶搜索q版頭像繪畫，自行選擇。

Happy First Anniversary是一周年快樂的意思，可根據需要自行修改。

<h1>Happy First Anniversary</h1>

修改照片只需要將文件hello.html中的src改一下即可

<img src="../static/img/yali2.png" width="300px" >

用戶名和密碼可以輸入有意義的一串字符，（這里沒設置具體的值）
然后點擊i am here進入下一頁文字界面。

文字界面

這里有兩個版本
第一個是文字版，第二個是圖片版
使用時刪除文字或圖片使用。
選擇一個選擇使用，模板給大家準備好了，如果有自己想說的話把文字全刪了改成自己想說的即可，文字版比較簡陋，圖片版是高配版，根據自行需要選擇。

文字版
這里文字自行修改，同上

<h1>大哥沒文化，大哥也不太會說話，但是大哥愛你</h1>相信我們未來會一起攜手走過，</br>回頭看看我們也經歷了很多酸甜苦辣，</br>有甜蜜，有爭吵，也有鬧小性子的急切，也有相互關心的溫暖，</br>相信所有的愛在未來都會成長為參天大樹，</br>那些絆腳石也都會成為我們通往幸福路上的鋪墊。</br>曾記否，去年今日，夜幕降臨，漫漫一望無際的銀河，</br>是你的出現閃耀了我整個天河，</br>在愛與期望中我追逐著你的耀眼星光，</br>你拉起我，我們一起遨游在璀璨的星河，</br>宇宙寬廣星河且長，我們一起跳過一顆又一顆星球，</br>終于，我們找到了那顆屬于我們自己的星球，</br>希望我的寶貝能在我們的星球里。</br>一要快樂，</br>二要健康，</br>三要順心，</br>四要充實，</br>五要聰慧，</br>六要富貴，</br>last not but least</br> 要愛我喲！ </br>（づ￣3￣）づ╭?～</br>

圖片版

文件夾中已經給大家準備好了信封的word格式，
大家改改文字導出圖片把原圖片替換掉即可。（博主用到了特殊字體，下載到你的電腦上可能不顯示，如果需要，文件夾中給大家帶的有字體，大家自行安裝）

`<img src="../static/img/letter.jpg" width="500px" >`

圖片界面

這個應該是本文最炫酷的部分了，相信女友收到的瞬間肯定會喜歡的。

這個部分比較簡單，大家只需要找到img文件夾，把12張圖片換成自己女朋友的即可，別忘了把圖片的名字換成和之前一樣的哦。如果格式不一樣就直接把圖片位置改掉，修改位置如下。

<div class="out_front"><img src="../static/img/1.jpg" class="pic" >

尾部界面

尾部就是用煙花的形式來進行收尾，讓你的女朋友回味無窮。

獲取源碼

版權聲明：
本文版權歸csdn @康康愛吃肉所有
歡迎轉載，
由于本文制作不易，請尊重勞動成果，

需要源碼的可以成為康康的粉絲
私信:4.20網頁源碼 即可獲取

不會做點我

總結

以上是生活随笔為你收集整理的给女友的网页小惊喜，（生日，周年，表白通用） ☞谁说程序员不懂浪漫的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。