/
Use HTML and CSS in CampusVue emails

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

Use HTML and CSS in CampusVue emails

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.

Related content

View Email Source Code (aka Internet Headers)
View Email Source Code (aka Internet Headers)
More like this
New Student Sample Email Account Welcome Letter
New Student Sample Email Account Welcome Letter
More like this
Using an Email Client
Using an Email Client
More like this
Greeting Scripts
Greeting Scripts
More like this
Access email on mobile
Access email on mobile
More like this
Run CampusVue
Run CampusVue
More like this