Quackit Logo
FREE Hosting!
With every domain you register with ZappyHost you get FREE hosting.
Create free Flash websites

Scroll Box Borders

Print Version

Here are examples of HTML scroll boxes with various types of borders. Borders are easy to do in HTML. You can copy/paste the code from any of these examples, then change the values to suit. The border code is relatively self-explanatory. In any case, here's more about CSS borders.

Thin Border

In this example, the border is 1 pixel wide, solid, and a bright green color (hex color value: #0ADA0A).

HTML Code:

Result:

You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

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

Thick Border

In this example, the border is 9 pixels wide. It's still solid and the same color as the previous example.

HTML Code:

Result:

You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Dotted Border

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

HTML Code:

Result:

You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

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:

You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Grooved Borders

HTML Code:

Result:

You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Double Borders

HTML Code:

Result:

You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Ridged Borders

HTML Code:

Result:

You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Outset Borders

HTML Code:

Result:

You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Inset Borders

HTML Code:

Result:

You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Mixed Borders

You can use different border styles for each side of your scroll box. Try experimenting to see what you can come up with!

HTML Code:

Result:

You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

More Help

You might also find these articles useful:

Enjoy this website?

  1. Add this page to your Favorites
  2. Link to this page (copy/paste into your own website or blog):
  3. Help support Quackit by making a donation

Oh, and thank you for supporting Quackit!

Need Website Content?
Get unique, quality digital content for your website.
  • 270+ Website Templates
  • 800+ Flash Templates
  • 25,000+ Images, Logos
  • 30,000+ e-Books
  • 15,000+ Scripts
  • 27,000+ Animated GIFs
  • 21,000+ Ringtones
  • ...and much more!
Get your content now!
$1.99 .info domain names!
© Copyright 2000 - 2010 Quackit.com