MoonPoint Support Logo


Shop Amazon Warehouse Deals - Deep Discounts on Open-box and Used ProductsAmazon Warehouse Deals

Advanced Search
Sun Mon Tue Wed Thu Fri Sat

Fri, Jan 02, 2015 9:54 pm

Creating a button with CSS

Images may be used to provide clickable buttons on a webpage, but one can also create buttons entirely with text using Cascading Style Sheets (CSS). Rectangular buttons can be created or the buttons can be given rounded corners using a border-radius value.

E.g., the following could be used to create a green button with rounded corners with the word "Download" in it in white text:

<style type="text/css">
.downloadbutton {
  width: 67px;
  height: 20px;
  background-color: #31B404;
  border-radius: 15px;
  border: 3px solid #009900;
  padding: 5px;
.downloadbutton A:link {color: white; text-decoration:none}

[ More Info ]

[/network/web/html/css] permanent link

Fri, Jan 02, 2015 3:05 pm

Link Colors

The color used for the anchor text for a link on a web page can be controlled through Cascading Style Sheets (CSS) inserted into the head section of a web page. You can change the color used for a link before it is visited, after it is visited, when someone hovers a mouse over the link, and when someone clicks on the link, but hasn't yet visited the web page.

[ More Info ]

[/network/web/html/css] permanent link

Valid HTML 4.01 Transitional

Privacy Policy   Contact

Blosxom logo