CSS+DIV 拼圖(26個英文字母)

2024-07-11 08:38:37

字體：大中小

來源：轉載

供稿：網友

<br /><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http: //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br /><html xmlns=”http: //www.w3.org/1999/xhtml”><br /><head><br /><meta http-equiv=”Content-Type” content=”text/html;charset=gb2312″ /><br /><title>Letters</title><br /><style type=”text/css”><br />/*===================================<br />author:gongwei8401<br />email: gongwei8401@hotmail.com<br />====================================*/<br />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;}<br />body{font-family: Verdana,”宋體”;line-height: 22px;font-size: 12px;word-break: break-all;text-align: center;background: #fff;}<br />fieldset,img{border: 0;}<br />table{border-collapse: collapse;border-spacing: 0;}<br />ol,li,ul{list-style: none;}<br />address,caption,cite,code,dfn,em,th,var{font-weight: normal;font-style: normal;}<br />caption,th{text-align: left;}<br />h1,h2,h3,h4,h5,h6{font-size: 100%;}<br />q: before,q: after{content: ”;}<br />abbr,acronym{border: 0;}<br />input,select,textarea{font: normal normal 12px “Verdana”;}<br />/*start to define some color blocks*/.wrapper{margin: 0 auto;width: 644px;height: auto;overflow: hidden;}<br />.box{width: 72px;height: 80px;margin: 10px 10px;float: left;display: inline;}<br />.r,.w{width: 18px;height: 18px;float: left;overflow: hidden;}<br />.r{background-color: #f00;}<br />.cl{clear: both;}<br />.w{background-color: #FFF;}<br />.halfl{background-color: #f00;width: 12px;height: 18px;overflow: hidden;margin-right: 6px;}<br />.halfl2{background-color: #f00;width: 6px;height: 18px;overflow: hidden;margin-right: 12px;}<br />.halfl22{background-color: #fff;width: 6px;height: 18px;overflow: hidden;margin-right: 12px;}<br />.halfr{background-color: #f00;width: 12px;height: 18px;overflow: hidden;margin-left: 6px;}<br />.halfr2{background-color: #f00;width: 6px;height: 18px;overflow: hidden;margin-left: 12px;}<br />.halfr22{background-color: #fff;width: 6px;height: 18px;overflow: hidden;margin-left: 12px;}<br />.halflh9{background-color: #f00;width: 12px;height: 9px;overflow: hidden;margin-right: 6px;display: block;}<br />.halfrh9{background-color: #f00;width: 12px;height: 9px;overflow: hidden;margin-left: 6px;display: block;}<br />.halflh3{background-color: #f00;width: 6px;height: 6px;overflow: hidden;margin-right: 12px;}<br />.halfrh3{background-color: #f00;width: 6px;height: 6px;overflow: hidden;margin-left: 12px;}<br />.halflh1{background-color: #f00;width: 3px;height: 3px;overflow: hidden;margin-right: 15px;}<br />.halfrh1{background-color: #f00;width: 3px;height: 3px;overflow: hidden;margin-left: 15px;}<br />.w1{width: 18px;height: 18px;float: left;overflow: hidden;}<br /></style><br /></head><br /><body><br /><div class=”wrapper”><br /><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> </SPAN> </div> </div> <div id="iwvjtn8m0" class=page1> <p align="center" class="pageLink"></p> </div> <div id="iwvjtn8m0" class="fenxiang">  <div style="text-align:left">上一篇：<a href='/wen/2024/07-11/1342929.html'>CSS制作網頁的類以及ids的命名</a></div> <br> <div style="text-align:left">下一篇：<a href='/wen/2024/07-11/1342931.html'>CSS 各種濾鏡代碼解釋用法案例</a></div> <br> <script src=/d/js/acmsd/gao21.js></script>  </div> <div id="iwvjtn8m0" class="pinglun">  <script> function CheckPl(obj) { if(obj.saytext.value=="") { alert("您沒什么話要說嗎？"); obj.saytext.focus(); return false; } return true; } </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)"> <table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost"> <tr> <td><table width="100%" border="0" cellpadding="0" cellspacing="0" class="title"> <tr> <td><strong>發表評論</strong></td> <td align="right"><a href="/e/pl/?classid=215&id=1342930">共有<span><script type="text/javascript" src="/e/public/ViewClick/?classid=215&id=1342930&down=2"></script></span>條評論</a></td> </tr> </table> <table width="100%" border="0" cellspacing="10" cellpadding="0"> <tr> <td><table width="100%" border="0" cellpadding="0" cellspacing="2"> <tr> <td width="56%" align="left">用戶名: <input name="username" type="text" class="inputText" id="username" value="" size="16" /></td> <td width="44%" align="left">密碼: <input name="password" type="password" class="inputText" id="password" value="" size="16" /></td> </tr> <tr> <td align="left">驗證碼: <input name="key" type="text" class="inputText" size="10" /> <img src="/e/ShowKey/?v=pl" align="absmiddle" /> </td> <td align="left"><input name="nomember" type="checkbox" id="nomember" value="1" checked="checked" /> 匿名發表</td> </tr> </table> <textarea name="saytext" cols="70" rows="6" id="saytext">

學習交流