Thin Black Line using CSS

Hi All,

I have just started working with CSS. Is it possible to create a thin black line that should run straight along the bottom of the links and then should curve up along the left.

I would appreciate if someone please give me pointers to the above problem. Thanks in advance.

Best Regards,
Inderpal Singh

 

.links{border-bottom:1px solid #000000;
border-left:1px solid #000000;}

for the rounded corner you may need to use a transparent gif image.

 

Thanks budy. But is there any way to do that without using any image because I dont know how to create images.

Regards,
Inderpal Singh

 

Check this http://www.html.it/articoli/nifty/index.html
but this will need some modifications

edit
also you can use something like this (not code, just the algo):
A { background-image: img_with_corner ;
background-position:left; background-repeat:norepeat;}

 

Hi,

I tried to create simple black line beneath the link using the code provided by 50plus but that is also not working

a.line {
  border-bottom:1px solid #000000;
  border-left:1px solid #000000;
}

Code (markup):

I would appreciate if somebody please help to make above code work. Thanks in advance

Regards,
Inderpal Singh

 

Did you assign a class named line to your <a href...> tag?

If you don't mind, also show us your corresponding html code so we could troubleshoot better.

 

Like esnstudio was saying make sure your link looks like:

<a class="line" href="thislink.php">Go Here</a>

Code (markup):

Otherwise your style code looks fine.

 

You can't do rounded corners in IE with css, but you can do it in firefox. When doing css, Google is your best friend Good Luck.

You might want to check out some css tutorials that have helped me out in the past:

www-w3schools-com/css/default.asp
www-htmldog-com/

This last one has ALL css codes listed:

www-blooberry-com/indexdot/css/propindex/all.htm

 

I don't have enough posts so those aren't clickable yet...