Create rectangle with color - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Color

Description

Create rectangle with color

Demo Code

ResultView the demo in separate window

<html>
 <head> 
  <style>

body {<!--from   w ww.  j a v  a  2s .co m-->
   background: black
}
ul, li {
   list-style-type: none;
}
.some_class {
   font-family: monospace;
   border: 1px solid #00e5ee;
   color: #00e5ee;
   background: black;
   text-decoration: none;
}
.some_class span {
   padding: 0px 12px;
}
.rightArrow {
   color: white !important;
   background: #00e5ee !important;
   padding: 0px 6px;
   font-weight: bold;
}

      </style> 
 </head> 
 <body> 
  <ul> 
   <li> <a href="" class="some_class"> <span>HOME</span> <span class="rightArrow">test</span> </a> </li> 
  </ul>  
 </body>
</html>

Related Tutorials