• 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

Expand or close the following content.Button <button">

Expand or close the following content.Hyperlink <a>

Expand or close the following content.Input Button <input type="button">

Expand or close the following content.Input Submit Button <input type="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