Forum Moderators: not2easy

Message Too Old, No Replies

Dotted hr using CSS

         

samu12

4:58 am on Sep 15, 2008 (gmt 0)

10+ Year Member



Dear All,
Greetings from me!
I am learning person in CSS.
I wish to draw a horizontal dotted line as shown in following link

<>

As displayed just below "Welcome". AS dotted horizontal line can be seen below Welcome. I wish to draw like that.

If you have idea.Hope to get help
Thank you
Samu

[edited by: SuzyUK at 7:20 am (utc) on Sep. 15, 2008]
[edit reason] Please No URI's, see guidelines at top of forum [/edit]

Marshall

5:18 am on Sep 15, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I suspect the <h> element has a dotted bottom border. If you are trying to achieve the same effect -

h1 {
border-bottom: 2px dotted #000;
}

Otherwise, you can do it with an <hr> using the same principle -

hr {
height: 0;
border-bottom: 2px dotted #000;
}

Marshall

samu12

6:51 am on Sep 15, 2008 (gmt 0)

10+ Year Member



Dear Marshall,
Greetings!
Thank you so much for your help. That has worked perfectly using h1 or h3.
Hope to be in touch.

Samu

piskie

7:21 am on Sep 15, 2008 (gmt 0)

10+ Year Member



The main on page Heading is an H3 which has been assigned a border style:
border-bottom: 2px dotted #484F22;