MySpace Scroll Box Borders

This page contains examples of scroll box borders that you can put on your MySpace scroll boxes. In fact, these scroll box borders will work on any web page. MySpace scroll boxes are created using HTML. Scroll box borders are specified using Cascading Style Sheets (CSS).

To use these HTML/CSS codes, simply copy and paste them into your MySpace profile page and change the values to suit.

Thin Border

Here's a basic border for your scroll box. In the HTML code, I've specified that the border is 1 pixel wide, solid, and a dark green color (hex color value: #6DB72C).

HTML Code:

Result:

This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using CSS. More about CSS borders.

Setting borders and colors in HTML is easy - if you know how.

Thick Border

In this example, I've specified that the border is 10 pixels wide. It's still solid and the same color as the previous example.

HTML Code:

Result:

This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using CSS. More about CSS borders.

Dotted Border

To create a dotted border, you simply change the value 'solid' to 'dotted'.

HTML Code:

Result:

This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using CSS. More about CSS borders.

Dashed Border

To create a dashed border, you simply use the value 'dashed' (instead of 'solid' or 'dotted' as in our previous examples).

HTML Code:

Result:

This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using CSS. More about CSS borders.

Grooved Borders

HTML Code:

Result:

This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using CSS. More about CSS borders.

Double Borders

HTML Code:

Result:

This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using CSS. More about CSS borders.

Ridged Borders

HTML Code:

Result:

This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using CSS. More about CSS borders.

Outset Borders

HTML Code:

Result:

This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using CSS. More about CSS borders.

Inset Borders

HTML Code:

Result:

This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using CSS. More about CSS borders.

Mixed Borders

You can use different border styles for each side of your scroll box. With a little imagination, you can achieve some cool results!

HTML Code:

Result:

This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using CSS. More about CSS borders.

Related