CSS+DIV 拼图(26个英文字母)
导读:收集整理的这篇文章主要介绍了CSS+DIV 拼图(26个英文字母 ,觉得挺不错的,现在分享给大家,也给大家做个参考。 <!DOCTYPE htML PubLIC "-//W3C//DTD XHTML 1.0 TransIT...
收集整理的这篇文章主要介绍了CSS+DIV 拼图(26个英文字母),觉得挺不错的,现在分享给大家,也给大家做个参考。 !DOCTYPE htML PubLIC "-//W3C//DTD XHTML 1.0 TransITional//EN" "http: //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html XMlns="http: //www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type" content="text/html;
charset=gb2312" />
title>
Letters/title>
style type="text/css">
/*=================================== author:gongwei8401 email: gongwei8401@hotmail.COM ====================================*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,PRe,form,fieldset,input,textarea,p,blockquote,th,td{
padding: 0;
margin: 0;
}
body{
font-family: Verdana,"宋体";
line-height: 22px;
font-Size: 12px;
word-break: break-all;
text-align: center;
background: #fff;
}
fieldset,img{
border: 0;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
ol,li,ul{
list-style: none;
}
address,caption,cite,code,DFn,em,th,VAR{
font-weight: normal;
font-style: normal;
}
caption,th{
text-align: left;
}
h1,h2,h3,h4,h5,h6{
font-size: 100%;
}
q: before,q: after{
content: '';
}
abbr,acronym{
border: 0;
}
input,select,textarea{
font: normal normal 12px "Verdana";
}
/*start to define some color blocks*/.wrapper{
margin: 0 auto;
width: 644px;
height: auto;
overflow: hidden;
}
.box{
width: 72px;
height: 80px;
margin: 10px 10px;
float: left;
display: inline;
}
.r,.w{
width: 18px;
height: 18px;
float: left;
overflow: hidden;
}
.r{
background-color: #f00;
}
.cl{
clear: both;
}
.w{
background-color: #FFF;
}
.halfl{
background-color: #f00;
width: 12px;
height: 18px;
overflow: hidden;
margin-right: 6px;
}
.halfl2{
background-color: #f00;
width: 6px;
height: 18px;
overflow: hidden;
margin-right: 12px;
}
.halfl22{
background-color: #fff;
width: 6px;
height: 18px;
overflow: hidden;
margin-right: 12px;
}
.halfr{
background-color: #f00;
width: 12px;
height: 18px;
overflow: hidden;
margin-left: 6px;
}
.halfr2{
background-color: #f00;
width: 6px;
height: 18px;
overflow: hidden;
margin-left: 12px;
}
.halfr22{
background-color: #fff;
width: 6px;
height: 18px;
overflow: hidden;
margin-left: 12px;
}
.halflh9{
background-color: #f00;
width: 12px;
height: 9px;
overflow: hidden;
margin-right: 6px;
display: block;
}
.halfrh9{
background-color: #f00;
width: 12px;
height: 9px;
overflow: hidden;
margin-left: 6px;
display: block;
}
.halflh3{
background-color: #f00;
width: 6px;
height: 6px;
overflow: hidden;
margin-right: 12px;
}
.halfrh3{
background-color: #f00;
width: 6px;
height: 6px;
overflow: hidden;
margin-left: 12px;
}
.halflh1{
background-color: #f00;
width: 3px;
height: 3px;
overflow: hidden;
margin-right: 15px;
}
.halfrh1{
background-color: #f00;
width: 3px;
height: 3px;
overflow: hidden;
margin-left: 15px;
}
.w1{
width: 18px;
height: 18px;
float: left;
overflow: hidden;
}
/style>
/head>
body>
div class="wrapper">
div class="box">
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
div class="halfl22">
/div>
/div>
div class="r">
div class="halfr22">
/div>
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
div class="halfl22">
/div>
/div>
div class="r">
div class="halfr22">
/div>
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
div class="halfl22">
/div>
/div>
div class="r">
div class="halfr22">
/div>
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
/div>
div class="box">
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="w">
div class="halfl">
/div>
div class="cl">
/div>
/div>
div class="w">
div class="halfr">
/div>
div class="cl">
/div>
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
div class="halfrh9">
/div>
div class="halfrh3">
/div>
div class="halfrh1">
/div>
div class="cl">
/div>
/div>
div class="w">
div class="halflh9">
/div>
div class="halflh3">
/div>
div class="halflh1">
/div>
div class="cl">
/div>
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
div class="halfr22">
/div>
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
div class="halfl22">
/div>
/div>
div class="r">
div class="halfr22">
/div>
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
div class="halfl22">
/div>
/div>
div class="r">
div class="halfr22">
/div>
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
div class="halfl22">
/div>
/div>
div class="r">
div class="halfr22">
/div>
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
div class="halfl22">
/div>
/div>
div class="r">
div class="halfr22">
/div>
/div>
div class="w">
/div>
/div>
div class="box">
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
/div>
div class="box">
div class="r">
/div>
div class="w">
div class="halfr2">
/div>
/div>
div class="w">
div class="halfl2">
/div>
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
div class="halfr2">
/div>
/div>
div class="w">
div class="halfl2">
/div>
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
div class="halfr2">
/div>
/div>
div class="w">
div class="halfl2">
/div>
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
div class="halfr2">
/div>
/div>
div class="w">
div class="halfl2">
/div>
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
/div>
div class="box">
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
div class="halfr22">
/div>
/div>
div class="r">
div class="halfl22">
/div>
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
div class="halfl22">
/div>
/div>
div class="r">
div class="halfr22">
/div>
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
div class="halfr22">
/div>
/div>
div class="r">
div class="halfl22">
/div>
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
/div>
div class="box">
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="r">
div class="halfr22">
/div>
/div>
div class="r">
div class="halfl22">
/div>
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
div class="halfr2">
/div>
/div>
div class="w">
div class="halfl2">
/div>
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
div class="halfr2">
/div>
/div>
div class="w">
div class="halfl2">
/div>
/div>
div class="w">
/div>
/div>
div class="box">
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="w">
/div>
div class="w">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
div class="r">
/div>
/div>
/div>
/body>
/html>
ffcod = delpost.runcode5 .value; ffcod = ffcod.replace(/
/g,''); delpost.runcode5 .value = ffcod; 提示:您可以先修改部分代码再运行
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: CSS+DIV 拼图(26个英文字母)
本文地址: https://pptw.com/jishu/584787.html