摘要：\u003Cbr\u003E height: 400px。\u003Cbr\u003E width: 300px。

"\u003Cdiv\u003E\u003Cdiv class=\"pgc-img\"\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002Fc039fc6d5bf3413a89048ecd3bc63d1f\" img_width=\"640\" img_height=\"640\" alt=\"利用css以及span的浮動效果製作的一張圖\" inline=\"0\"\u003E\u003Cp class=\"pgc-img-caption\"\u003Ediv+span\u003C\u002Fp\u003E\u003C\u002Fdiv\u003E\u003Cp\u003E是不是很漂亮呢，附源碼\u003C\u002Fp\u003E\u003Cpre\u003E<!DOCTYPE html>\u003Cbr\u003E<html lang=\"en\">\u003Cbr\u003E<head>\u003Cbr\u003E <meta charset=\"UTF-8\">\u003Cbr\u003E <title>21321<\u002Ftitle>\u003Cbr\u003E <style type=\"text\u002Fcss\">\u003Cbr\u003E.box1{\u003Cbr\u003E background-color: salmon;\u003Cbr\u003E width: 1100px;\u003Cbr\u003E height: 1100px;\u003Cbr\u003E float: right;\u003Cbr\u003E}\u003Cbr\u003E.box2{\u003Cbr\u003E background-color: #22bb5b;\u003Cbr\u003E width: 1000px;\u003Cbr\u003E height: 1000px;\u003Cbr\u003E float: right;\u003Cbr\u003E}\u003Cbr\u003E.box3{\u003Cbr\u003E background-color: cornflowerblue;\u003Cbr\u003E width: 900px;\u003Cbr\u003E height: 900px;\u003Cbr\u003E float: right;\u003Cbr\u003E}\u003Cbr\u003E.box4{\u003Cbr\u003E background-color: red;\u003Cbr\u003E width: 800px;\u003Cbr\u003E height: 800px;\u003Cbr\u003E float: right;\u003Cbr\u003E}\u003Cbr\u003E.box5{\u003Cbr\u003E background-color: bisque;\u003Cbr\u003E width: 700px;\u003Cbr\u003E height: 700px;\u003Cbr\u003E float: right;\u003Cbr\u003E}\u003Cbr\u003E.box6{\u003Cbr\u003E background-color: hotpink;\u003Cbr\u003E width: 600px;\u003Cbr\u003E height: 600px;\u003Cbr\u003E float: right;\u003Cbr\u003E}\u003Cbr\u003E.box7{\u003Cbr\u003E background-color: paleturquoise;\u003Cbr\u003E width: 500px;\u003Cbr\u003E height: 500px;\u003Cbr\u003E float: right;\u003Cbr\u003E}\u003Cbr\u003E.box8{\u003Cbr\u003E background-color: aqua;\u003Cbr\u003E width: 400px;\u003Cbr\u003E height: 400px;\u003Cbr\u003E float: right;\u003Cbr\u003E}\u003Cbr\u003E.box9{\u003Cbr\u003E background-color: plum;\u003Cbr\u003E width: 300px;\u003Cbr\u003E height: 300px;\u003Cbr\u003E float: right;\u003Cbr\u003E}\u003Cbr\u003E.box10{\u003Cbr\u003E background-color: rebeccapurple;\u003Cbr\u003E width: 200px;\u003Cbr\u003E height: 200px;\u003Cbr\u003E float: right;\u003Cbr\u003E}\u003Cbr\u003E.box11{\u003Cbr\u003E background-color: lightsalmon;\u003Cbr\u003E width: 100px;\u003Cbr\u003E height: 100px;\u003Cbr\u003E float: right;\u003Cbr\u003E}\u003Cbr\u003E <\u002Fstyle>\u003Cbr\u003E<\u002Fhead>\u003Cbr\u003E<body>\u003Cbr\u003E<div class=\"box1\">\u003Cbr\u003E<span class=\"box2\">\u003Cbr\u003E<span class=\"box3\">\u003Cbr\u003E<span class=\"box4\">\u003Cbr\u003E<span class=\"box5\">\u003Cbr\u003E<span class=\"box6\">\u003Cbr\u003E<!--<div class=\"box7\"><\u002Fdiv>-->\u003Cbr\u003E<span class=\"box7\">\u003Cbr\u003E <span class=\"box8\">\u003Cbr\u003E <span class=\"box9\">\u003Cbr\u003E <span class=\"box10\">\u003Cbr\u003E <span class=\"box11\"><\u002Fspan>\u003Cbr\u003E <\u002Fspan>\u003Cbr\u003E <\u002Fspan>\u003Cbr\u003E <\u002Fspan>\u003Cbr\u003E <\u002Fspan>\u003Cbr\u003E <\u002Fspan>\u003Cbr\u003E <\u002Fspan>\u003Cbr\u003E <\u002Fspan>\u003Cbr\u003E<\u002Fspan>\u003Cbr\u003E<\u002Fbody>\u003Cbr\u003E<\u002Fhtml>\u003Cbr\u003E\u003C\u002Fpre\u003E\u003C\u002Fdiv\u003E"'.slice(6, -6), groupId: '6714906733807927819
相關文章