Skip UCSF navigation|About accessibility UCSF University of California, San Francisco
About UCSF
Search UCSF
UCSF Medical Center
End of UCSF navigation
Visual Design
Overview |
Layouts |
Colors |
Text |
Images |
Boxes
Tables |
Calendars |
Forms |
Downloads |

End of section-level navigation

School of Pharmacy•

UCSF School of Pharmacy

Boxes

Use boxes to draw attention to a sentence or an entire paragraph of text rather than setting the entire sentence or paragraph in em tags, strong tags, or a color.

Box Style 1

<div class="box1">
<p>
Here's Box Style 1.
</p>
</div>

Here's Box Style 1.

Box Style 2

<div class="box2">
<p>
Here's Box Style 2.
</p>
</div>

Here's Box Style 2.

Box Style 3

<div class="box3">
<p>
Here's Box Style 3.
</p>
</div>

Here's Box Style 3.

Box Style 4

<div class="box4">
<p>
Here's Box Style 4.
</p>
</div>

Here's Box Style 4.

Box Style 5

<div class="box5">
<p>
Here's Box Style 5.
</p>
</div>

Here's Box Style 5.

Box Style 6

<div class="box6">
<p>
Here's Box Style 6.
</p>
</div>

Here's Box Style 6. This box style is intended for text the user can print and clip out, such as an address label.

Box Style 7

<div class="box7">
<p>
Here's Box Style 7.
</p>
</div>

Here's Box Style 7. This box style is reserved for notices of shortcut URLs. Example: See the page at pharmacy.ucsf.edu/go/graduation.

Examples

Examples of using boxes to draw attention to a sentence or an entire paragraph of text:

Go To: Visual Design or Style Guide