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
14,656
Replies
4
Views
14,282
Replies
1
Views
12,880
Replies
3
Views
13,076
Newer Threads
Replies
1
Views
2,890
Replies
1
Views
3,495
Replies
3
Views
3,218
Replies
5
Views
6,510
Replies
5
Views
5,232
Latest Threads
Replies
1
Views
77
Replies
1
Views
83
Replies
2
Views
742
Recommended Threads
Replies
8
Views
5,746
Replies
3
Views
3,610
Replies
3
Views
4,038
Replies
1
Views
1,703

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