Rounded corners without images

webdesign

Well-known member
Joined
Jul 5, 2012
Messages
120
Points
0
This is a simple CSS technique of rounding the corners of the deposit insurance using some css properties. This technique will work in Firefox, Safari, Chrome and other browsers compatible CSS3. This technique will not work in Internet Explorer.

div{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #FF8855;
}
This example just above the rounded corners, left or right and below:

div{
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
border: 1px solid #FF8855;
}
 

DistributionCloud

New member
Registered
Joined
Jan 14, 2013
Messages
3
Points
0
Thanks!! Ive been trying to google this for an hour now.
Regards
 

webdesign

Well-known member
Joined
Jul 5, 2012
Messages
120
Points
0
webdesign
Google will give you dozen of sites for generating rounded corners without typing codes more or have knowledge about programming. Of course, it is in case you want to save your time on codes.
 
Older Threads
Replies
7
Views
15,417
Replies
4
Views
14,982
Replies
1
Views
13,461
Replies
3
Views
13,740
Newer Threads
Replies
1
Views
3,203
Replies
1
Views
3,757
Replies
3
Views
4,070
Replies
5
Views
7,042
Replies
5
Views
6,358
Latest Threads
Replies
1
Views
659
Replies
3
Views
640
Replies
1
Views
551
Replies
2
Views
1,154
Replies
1
Views
763
Recommended Threads
Replies
11
Views
7,097
Replies
2
Views
2,868
Replies
1
Views
4,039

Sponsors

Tag Cloud

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top