设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 创业者 手机 数据
当前位置: 首页 > 服务器 > 系统 > 正文

CSS画出一个可爱神奇的多啦A梦

发布时间:2020-03-15 08:18 所属栏目:52 来源:站长网
导读:副标题#e# 小叮当简单颜色单一,操作起来也很容易上手。接下来的一个实例就是用css画出一个多啦A梦,首先将其分为头部,和身体。然后,再根据身体各部分细节进行进一步的具体刻画。 由于最近一直在学习JavaWeb方面的东西,所以,我的这个小叮当就是用jsp页

小叮当简单颜色单一,操作起来也很容易上手。接下来的一个实例就是用css画出一个多啦A梦,首先将其分为头部,和身体。然后,再根据身体各部分细节进行进一步的具体刻画。
 
由于最近一直在学习JavaWeb方面的东西,所以,我的这个小叮当就是用jsp页面进行映衬。
 
代码如下:首先是写jsp页面,将其分成多个块,然后再分块操作:
 

XML/HTML Code复制内容到剪贴板

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  

<%   

String path = request.getContextPath();   

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";   

%>  

  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  

<html>  

  <head>  

    <base href="<%=basePath%>">  

    <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">  

    <title>here</title>  

       

    <meta http-equiv="pragma" content="no-cache">  

    <meta http-equiv="cache-control" content="no-cache">  

    <meta http-equiv="expires" content="0">       

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  

    <meta http-equiv="description" content="This is my page">  

    <!--  

    <link rel="stylesheet" type="text/css" href="styles.css">  

    -->  

  

  </head>     

  <body>  

  <div class="doraemon">  

    <div class="head">  

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读