Osemuholník pomocou CSS
Ukážka
S T O P
Objekty <span class="sumK" id=lT></span>
<span class="Bk"></span>
<span class="sumK" id=rT></span><br>
<span class="stred">S T O P</span><br>
<span class="sumK" id=lD></span>
<span class="Bk"></span>
<span class="sumK" id=rD></span>
CSS <STYLE type="text/css"><!--
#lT {
border-top-color: #FFFFFF;
border-right-color: #FF0000;
border-bottom-color: #FF0000;
border-left-color: #FFFFFF;
border-top-width: 25px;
border-right-width: 25px;
border-bottom-width: 25px;
border-left-width: 25px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;}
#rT {
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FF0000;
border-left-color: #FF0000;
border-top-width: 25px;
border-right-width: 25px;
border-bottom-width: 25px;
border-left-width: 25px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;}
#lD {
border-top-width: 25px;
border-right-width: 25px;
border-bottom-width: 25px;
border-left-width: 25px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FF0000;
border-right-color: #FF0000;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;}
#rD {
border-top-color: #FF0000;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FF0000;
border-top-width: 25px;
border-right-width: 25px;
border-bottom-width: 25px;
border-left-width: 25px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;}
.sumK {
height: 50px;
width: 50px;
font-size: 0px;
line-height: 0px;}
.stred {
background-color: #FF0000;
height: 50px;
width: 150px;
font-size: 36px;
line-height: normal;
text-align: center;
vertical-align: middle;
font-weight: bold;
color: #FFFFFF;}
.Bk {
background-color: #FF0000;
height: 50px;
width: 50px;
font-size: 0px;
line-height: 0px;}
--></STYLE>