AF
HomeTagSubmit NotesAsk AnythingLoginSubscribe Us
AF
1. Feel Free to ask and submit anything on Anyforum.in and get satisfactory answer
2. Registration is not compulsory, you can directly login via google or facebook
3. Our Experts are looking for yours ?.



css-border-radius: How to round the border at corner by CSS?

I want to round the border at corner of textfields and links of a html page to make it stylish. Please help me.

css x 2
border-radius x 1
Posted On : 2013-12-08 23:13:29.0
profile Rishi Kumar - anyforum.in Rishi Kumar
523188249150
up-rate
4
down-rate

Answers


It can be done by border-radius attribute in CSS. But it doesn´t work only in Internet Explorer. In chrome it gonna be fine.

Syntax :
--------------
border-radius: size in pixels;

As you can see in following example has different elements with different-different border radius .

round.html :
-----------------

<html>
<head>
<style type="text/css">
#link{
padding:10px;
color:white;
background:green;
border-radius:10px;
}
#text{
border:2px solid black;
border-radius:6px;
}
</style>
</head>
<body>
<a href="#" id="link">anyforum.in</a><br/><br/>
<input type="text" name="username" id="text"/><br/><br/>
<textarea id="text" rows="8" cols="60"></textarea>
</body>
</html>
===================================== Output ==============================

anyforum.in




Posted On : 2013-12-08 23:30:33
Satisfied : 1 Yes  0 No
profile Garima Gupta - anyforum.in Garima Gupta
596129558962
Reply This Thread
up-rate
5
down-rate



Post Answer
Please Login First to Post Answer: Login login with facebook - anyforum.in