国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS畫出一個(gè)可愛神奇的多啦A夢(mèng)

2024-07-11 08:25:43
字體:
供稿:網(wǎng)友

小叮當(dāng)簡單顏色單一,操作起來也很容易上手。接下來的一個(gè)實(shí)例就是用css畫出一個(gè)多啦A夢(mèng),首先將其分為頭部,和身體。然后,再根據(jù)身體各部分細(xì)節(jié)進(jìn)行進(jìn)一步的具體刻畫。
 
由于最近一直在學(xué)習(xí)JavaWeb方面的東西,所以,我的這個(gè)小叮當(dāng)就是用jsp頁面進(jìn)行映襯。
 
代碼如下:首先是寫jsp頁面,將其分成多個(gè)塊,然后再分塊操作:
 

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>   <%   
  2. String path = request.getContextPath();    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";   
  3. %>     
  4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   <html>  
  5.   <head>       <base href="<%=basePath%>">  
  6.     <link rel="stylesheet" type="text/css" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">       <link rel="stylesheet" type="text/css" href="css/DLAM.css">  
  7.     <title>here</title>          
  8.     <meta http-equiv="pragma" content="no-cache">       <meta http-equiv="cache-control" content="no-cache">  
  9.     <meta http-equiv="expires" content="0">            <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  10.     <meta http-equiv="description" content="This is my page">       <!--  
  11.     <link rel="stylesheet" type="text/css" href="styles.css">       -->  
  12.      </head>     
  13.   <body>     <div class="doraemon">  
  14.     <div class="head">           <div class="eyes">  
  15.            <div class="eye left"><div class="black bleft"></div></div>              <div class="eye right"><div class="black bright"></div></div>  
  16.         </div>              
  17.         <div class="face">              <div class="white"></div>  
  18.            <div class="nose"><div class="light"></div></div>              <div class="nose_line"></div>  
  19.            <div class="mouth"></div>              <div class="whiskers">  
  20.                     <div class="whisker rTop r160"></div>                       <div class="whisker rt"></div>  
  21.                     <div class="whisker rBottom r20"></div>                       <div class="whisker lTop r20"></div>  
  22.                     <div class="whisker lt"></div>                       <div class="whisker lBottom r160"></div>  
  23.            </div>           </div>  
  24.     </div>          
  25.     <div class="choker">           <div class="bell">  
  26.             <div class="bell_line"></div>               <div class="bell_circle"></div>  
  27.             <div class="bell_under"></div>               <div class="bell_light"></div>  
  28.         </div>       </div>  
  29.             <div class="bodys">  
  30.          <div class="body"></div>            <div class="wraps"></div>  
  31.          <div class="pocket"></div>            <div class="pocket_mask"></div>  
  32.     </div>          
  33.     <div class="hand_right">              <div class="arm"></div>  
  34.         <div class="circle"></div>            <div class="arm_rewrite"></div>  
  35.     </div>          
  36.     <div class="hand_left">           <div class="arm"></div>  
  37.         <div class="circle"></div>            <div class="arm_rewrite"></div>  
  38.     </div>          
  39.     <div class="foot">            <div class="left"></div>  
  40.         <div class="right"></div>           <div class="foot_rewrite"></div>  
  41.     </div>     
  42.   </div>         
  43.   </body>     </html>  
  44.   
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 永靖县| 永城市| 柯坪县| 潮州市| 深泽县| 淳安县| 通榆县| 佛冈县| 石景山区| 长泰县| 息烽县| 含山县| 新和县| 河东区| 平遥县| 绥芬河市| 邵东县| 织金县| 红河县| 鲁甸县| 沅江市| 湘乡市| 新沂市| 探索| 惠州市| 宜丰县| 乌审旗| 兰州市| 沾化县| 克拉玛依市| 南昌县| 宜良县| 宜兰市| 信丰县| 邵东县| 雷州市| 乃东县| 苍山县| 建昌县| 砀山县| 武定县|