If this page seems out of date, please submit a comment at the bottom.

Use HTML and CSS in CampusVue emails

Owned by Josh Smith (Deactivated)
Last updated: Jun 20, 2017

This is a reference of frequently-used HTML and CSS code for CampusVue emails.

This page is provided for your reference only. The IT Department, Clarks Summit University, and its employees are not responsible for broken code or anything that occurs as a result of the information found on this page. All information provided here is freely available on the Internet and has been collected as a courtesy to the faculty and staff of Clarks Summit University.

HTML

For HTML, place the desired tags around the text that you wish to modify.

Common elements:

Desired ElementHTML Code

Span

<span>content</span>
A span is used to select a range of text for styling with CSS.
Paragraph block<p>content</p>
Paragraphs will provide an additional line break after the closing tag.
Line break<br /> or <br>
The line break does not have a closing tag, but rather includes the closing marker within the opening tag.
A line Break is the equivalent of pressing the [ENTER] key on your keyboard.

Lists:

Lists come in two types: ordered (numbers) and unordered (bullets).


Desired ElementHTML Code
Ordered list<ol>list items</ol>
Unordered list<ul>list items</ul>
List item<li>content</li>


Example unordered list
<ul>
	<li>Entry 1</li>
	<li>Entry 2</li>
</ul>

CSS

CSS is attached to an HTML tag using the "style" attribute.


For most circumstances, you can use the <span> element to apply these effects.


Desired EffectCSS Code
Color
color:name;
You can specify a hexadecimal color or use one of the many color names available, such as red, blue, and green.
Boldfont-weight:bold;
Italicfont-style:italic;
Fontfont-family:serif;
font-family:serif;
font-family:sans-serif;
We recommend that you use one of the options provided.You can use specific fonts, but it will require that font to be installed on the computer or device of the person viewing the email or page.