neskaya
Follow [ bookmark livejournal facebook twitter rss stumbleupon ]
Log in to download layouts, skins, and emoticons. Register?

Designs

Web Templates
LJ Layouts
phpBB3 Skins

Graphics

Avatars
Textures
Buttons
Emoticons
Pixels
Fonts

Misc & Fun

Quizzes
Tutorials
Interactive

Community

Forums
Rotation

Site

FAQ & Contact
Links

Affiliates

Komet Tails
Smile Scan
Dragonrain

CSS Tutorial: Customizing Borders

In this tutorial, you can learn how to change the size and color of your borders and how to make them dashed or dotted, among other tricks.

In your stylesheets, you can put these borders around just about anything - tables, DIVs, even around text! For example, Neskaya's current underline text has a dotted border at the bottom. The code for Neskaya's underline CSS is as follows:

Border CSS Codes

So basically, you have border-width, which you can split into border-bottom-width, border-right-width, border-top-width, and border-left-width. The same goes for border-color and border-style.

For border-style, the values you can set are:

hidden

dotted

dashed

solid

inset

outset

Have fun customizing your borders; they can really be a great design element.