Border Effect in HTML5 / CSS3

Page 1 of 1

2 Replies - 402 Views - Last Post: 27 November 2012 - 10:52 AM

#1 bmckinn8  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 57
  • Joined: 11-September 11

Border Effect in HTML5 / CSS3

Posted 27 November 2012 - 10:22 AM

I'm trying to find out if you can create a div border like the attached image with CSS3, or whether I have to do the border and then place the text over the top. Thanks.

Attached image(s)

  • Attached Image

Is This A Good Question/Topic? 0
  • +

Replies To: Border Effect in HTML5 / CSS3

#2 Dormilich  Icon User is offline

  • 痛覚残留
  • member icon

Reputation: 2935
  • View blog
  • Posts: 7,687
  • Joined: 08-June 10

Re: Border Effect in HTML5 / CSS3

Posted 27 November 2012 - 10:37 AM

the above image can be created with some plain old HTML:
<fieldset>
    <legend>Shopping Cart</legend>
</fieldset>

Was This Post Helpful? 2
  • +
  • -

#3 bmckinn8  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 57
  • Joined: 11-September 11

Re: Border Effect in HTML5 / CSS3

Posted 27 November 2012 - 10:52 AM

That worked great! I'd never used the <fieldset> feature before, that'll come in handy in the future.
Was This Post Helpful? 0
  • +
  • -
Page 1 of 1