《基础网页制作》一个超简单的div布局,制作静态网页很简单

DIV界面布局

《基础网页制作》一个超简单的div布局,制作静态网页很简单_第1张图片




Div布局




主要应用于网站首页公告和标签

附加推荐菜单

首页

  • 衣服
  • 裤子
  • 鞋子
  • 头饰
  • 第一页面显示板块

    第二页面显示板块

    底部网站信息布局

    ifram框架效果

    《基础网页制作》一个超简单的div布局,制作静态网页很简单_第2张图片

    画布绘制

    《基础网页制作》一个超简单的div布局,制作静态网页很简单_第3张图片
    
    
    
    
    
    
    
    
    
    

    插入文字

    《基础网页制作》一个超简单的div布局,制作静态网页很简单_第4张图片
    cv.font="20px Arial";
    cv.fillText("Hello 我的世界",0,50);

    渐变色

    《基础网页制作》一个超简单的div布局,制作静态网页很简单_第5张图片
    //渐变坐标位置
    var clg=cv.createLinearGradient(0,0,200,0);
    clg.addColorStop(0,"green");
    clg.addColorStop(1,"white");
    //填充渐变
    cv.fillStyle=clg;
    cv.fillRect(0,0,200,200);






    你可能感兴趣的:(HTML基础布局)