Vykreslenie kvádra pomocou CSS
Ukážka
Objekty <span class="sumK" id=lT></span>
<span class="sumK" id=rT></span><br>
<span class="sumK" id=lD></span>
<span class="sumK" id=rD></span>
CSS <STYLE type="text/css"><!--
#lT {
height: 100px;
border-top-color: #FFFFFF;
border-right-color: #FF0000;
border-bottom-color: #FF0000;
border-left-color: #FFFFFF;
border-top-width: 50px;
border-right-width: 50px;
border-bottom-width: 50px;
border-left-width: 50px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
width: 100px;}
#rT {
height: 100px;
border-top-color: #FF0000;
border-right-color: #00FFFF;
border-bottom-color: #00FFFF;
border-left-color: #FF0000;
border-top-width: 50px;
border-right-width: 50px;
border-bottom-width: 50px;
border-left-width: 50px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
width: 100px;}
#lD {
height: 100px;
background-color: #FF00FF;
width: 100px;}
#rD {
height: 100px;
border-top-color: #00FFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #00FFFF;
border-top-width: 50px;
border-right-width: 50px;
border-bottom-width: 50px;
border-left-width: 50px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
width: 100px;}
.sumK {
width: 100px;
font-size: 0px;
line-height: 0px;}
--></STYLE>