Can any body teach how to create a distinguish line running through in the middle of box?

I want it to look like the line in this image:

enter image description here

EDIT NOTE: I lightened the image levels, and cropped to one side in order to avoid site resize. This was done so overall appearance can be better seen.



1 Answer 1


Essentially it's 4 simple objects, disregarding the background pattern.

  • A white radial gradient with the bottom half removed
  • A black line, 1 pixel tall, and fading to nothing on both ends.
  • A 1 pixel white line which fades on both ends
  • A black radial gradient with the top half removed.



Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.