Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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.


share|improve this question

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.


share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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