Official websites use .gov
A .gov website belongs to an official government organization in the United States.

Secure .gov websites use HTTPS
A lock ( ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

  • Special Publication:  Public Website Visual Style Guide
  • August 2015

Buttons

The website uses buttons as a visual cue that signals an action to be taken by the reader. Styling for HTML tags and CSS helper classes below define the look-and-feel of a button on mcc.gov.

HTML Tags, Styled

Button <button">

Output

Code

<button>Button Label</button>

Hyperlink <a>

Output
Hyperlink

Code

<a href="http://www.mcc.gov">Hyperlink</a>

Input Button <input type="button">

Output

Code

<input type="button" value="Button Label">

Input Submit Button <input type="submit">

Output

Code

<input type="button" value="Submit">

Helper Classes

Listed alphabetically by class name. Add these classes to the <a> or <button> tag.

List Helper Classes
Class Description
.btn Styles the tag to look like a primary button Example a href button
.btn-secondary Styles the tag to look like a secondary button Example a href button