The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> how to make round edged borders using images in css?
sameer shaik
post Aug 22 2012, 02:37 AM
Post #1





Group: Members
Posts: 7
Joined: 16-August 12
Member No.: 17,617



i know that we can do it easily using css3 but i also want the gradient colors which is quite harder in css3 so i want to know the correct way of adding images for a paragraph or horizontal navigation bar to make it look like a round edged box.
you can post tutor links or you can tell me your own methds. thanx in advance.

i have these html commands--------------

<div class="award">
<div class="topimage">&nbsp</div>
<div class="content"
<p>Established since 1999 and We awarded as the “Best School of the Decade”. We a
lso nominated as the “Standard Quality Schools” by Harward University.</p>
</div>
<div class="bottomimage">&nbsp</div>
</div>

to these commands how can we add images in css?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Aug 22 2012, 02:53 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



Just go see here:

- http://css3generator.com/
- http://www.colorzilla.com/gradient-editor/

And go see http://caniuse.com/ for compatibility tables for CSS3
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 18th April 2024 - 06:39 AM