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

文章目錄

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

前言

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

適用范圍

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

網(wǎng)頁展示

登錄界面

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

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

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

<h1>Happy First Anniversary</h1>

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

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

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

文字界面

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

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

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

圖片版

文件夾中已經(jīng)給大家準(zhǔn)備好了信封的word格式，
大家改改文字導(dǎo)出圖片把原圖片替換掉即可。（博主用到了特殊字體，下載到你的電腦上可能不顯示，如果需要，文件夾中給大家?guī)У挠凶煮w，大家自行安裝）

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

圖片界面

這個(gè)應(yīng)該是本文最炫酷的部分了，相信女友收到的瞬間肯定會(huì)喜歡的。

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

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

尾部界面

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

獲取源碼

版權(quán)聲明：
本文版權(quán)歸csdn @康康愛吃肉所有
歡迎轉(zhuǎn)載，
由于本文制作不易，請(qǐng)尊重勞動(dòng)成果，

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

不會(huì)做點(diǎn)我

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。