今天我決定使用CSS技巧來畫出我可愛的男朋友。
body { background-color: #FDD7E4; } .head { height: 60px; width: 60px; border-radius: 50%; background-color: #E0A1B6; } .eyes { height: 10px; width: 10px; border-radius: 50%; background-color: white; margin-left: 15px; } .nose { height: 10px; width: 5px; background-color: black; margin-left: 20px; } .mouth { height: 20px; width: 30px; border-radius: 20px 20px 0 0; border-bottom: 3px solid black; margin-left: 15px; } .body { height: 100px; width: 60px; background-color: #E0A1B6; margin-top: 20px; } .arms { height: 80px; width: 10px; background-color: #E0A1B6; float: left; margin-left: 25px; } .hands { height: 10px; width: 40px; border-radius: 10px; background-color: white; margin-top: 70px; margin-left: -15px; } .legs { height: 120px; width: 10px; background-color: #E0A1B6; float: left; margin-left: 25px; margin-top: -20px; } .feet { height: 20px; width: 30px; border-radius: 20px 20px 0 0; background-color: white; margin-top: 100px; margin-left: -10px; }
通過以上CSS代碼,我成功的用CSS技巧畫出了一個可愛的男朋友,讓我感到十分滿足。CSS不僅可以用來美化頁面,還可以讓人用想象力創造出各種奇妙的畫面。
上一篇jquery id=變量
下一篇mysql中缺省值是什么