Website Development Support

Button (button)

Buttons are formed from anchor links inside a text element. All anchor links should be formatted with a <strong> tag around the display text.

Button Style 1

<a class="button" href="#"><strong>Button Style 1</strong></a>

Button Style (bsX)

Buttons styles are applied independently of color, anchor color, (text), and hover colors.

Button Style 1	Button Style 2
<a class="button bs1 bc3 bch3 ac1 ach1" href="#"><strong>Button Style 1</strong></a>	<a class="button bs2 bc3 bch3 ac3 ach1" href="#"><strong>Button Style 2</strong></a>

Button color (bcX) and Button Color Hovered (bchX)

The button color and hover color are defined separately. See two examples below

bc5, bch5	bc5, bch5
<a class="button bs1 bc5 bch5 ac1 ach1" href="#"><strong>Button Style 1</strong></a>	<a class="button bs2 bc5 bch5 ac3 ach1" href="#"><strong>Button Style 2</strong></a>
bc5, bch6	bc5, bch6
<a class="button bs1 bc5 bch6 ac1 ach1" href="#"><strong>Button Style 1</strong></a>	<a class="button bs2 bc5 bch6 ac3 ach1" href="#"><strong>Button Style 2</strong></a>

Anchor Color (acX) and Anchor Color Hovered (achX)

The color of the font in the anchor tag and the hovered color are defined separately. See example below:

ac5, ach5	ac5, ach5
<a class="button bs1 bc3 bch3 ac5 ach5" href="#"><strong>Button Style 1</strong></a>	<a class="button bs2 bc3 bch3 ac5 ach5" href="#"><strong>Button Style 2</strong></a>
ac5, ach6	ac5, ach6
<a class="button bs1 bc3 bch3 ac5 ach6" href="#"><strong>Button Style 1</strong></a>	<a class="button bs2 bc3 bch3 ac5 ach6" href="#"><strong>Button Style 2</strong></a>