首頁 > 開發者 > JavaScript
超級小白自己擼一個“我們是誰”，小白
提前聲明：筆者自學HTML+CSS幾天，寫這個純粹是練手，非常簡陋！不喜勿噴！
效果展示圖：
源碼：
<!DOCTYPE html><html><head><title>我們是誰DIY</title><style type="text/css">.img_wrap { text-align: center; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;}.kuang { text-align: center; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;}input:focus {border:1px solid black;}p.kuang1 {margin-top:10px;margin-bottom:120px;margin-right:28px;}p.kuang2 {margin-top:130px;margin-bottom:120px;margin-right:28px;}p.kuang3 {margin-top:130px;margin-right:28px;} </style></head><body> <div class="img_wrap"> <div class="kuang"> <p class="kuang1"><input type="text" name="fname" style="border:0;margin-left:60px"><input type="text" name="lname" style="border:0;margin-left:60px"></p> <p class="kuang2"><input type="text" name="fname" style="border:0;margin-left:60px"><input type="text" name="lname" style="border:0;margin-left:60px"></p> <p class="kuang3"><input type="text" name="fname" style="border:0;margin-left:60px"><input type="text" name="lname" style="border:0;margin-left:60px"></p> </div> <img src="http://files.cnblogs.com/files/lj-cn/women.gif" alt="我們是誰" /> </div></body></html>
使用方法：
將源碼儲存為.html格式檔案，用瀏覽器開啟，用滑鼠點擊動畫人上方，彈出文字框，輸入內容，也可用Tab鍵切換文字框，輸入完成後，手動分享，對，你沒聽錯，還要手動，哈哈！簡陋到不行！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
