adding style to border

Page 1 of 1

2 Replies - 4474 Views - Last Post: 12 December 2012 - 02:59 PM

#1 c9-adams  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 98
  • Joined: 12-December 11

adding style to border

Posted 12 December 2012 - 02:02 PM

Hi guys,

I have attached a picture which shows what I am trying to create using HTML5 and CSS3. I am strugling trying to work how to add the diagonal lines used on the borders. Is there any tutorials or help which could help me achieve this style?

Many Thanks.

Attached image(s)

  • Attached Image

Is This A Good Question/Topic? 0
  • +

Replies To: adding style to border

#2 DocNet  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 118
  • Joined: 11-October 12

Re: adding style to border

Posted 12 December 2012 - 02:20 PM

This topic is for HTML & CSS subforum...
Was This Post Helpful? 0
  • +
  • -

#3 e_i_pi  Icon User is offline

  • = -1
  • member icon

Reputation: 873
  • View blog
  • Posts: 1,860
  • Joined: 30-January 09

Re: adding style to border

Posted 12 December 2012 - 02:59 PM

Moving to HTML/CSS

Those header and footer borders have no doubt been done in a graphic design program, such as Photoshop, and exported to png file. There's no real way to do that in CSS at the moment, not unless you want to have about 30 dom elements and classes all interacting with one another.

EDIT: I suppose you could do it with the canvas element, but as I said, graphic design would be the culprit

This post has been edited by e_i_pi: 12 December 2012 - 03:00 PM

Was This Post Helpful? 0
  • +
  • -
Page 1 of 1