HTML CSS examples for CSS Widget:Color
Create rectangle with color
<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>