Since first being announced in 2005 the boder-radius property has come to enjoy widespread browser support (although with some discrepancies) and, with relative ease of use, web developers have been quick to make the most of this emerging technology.
Here’s a basic example:
CSS3 aren’t supported by all browsers yet. The border-radius property is supported by Firefox (since version 3.0), Safari (since version 3.1) and Chrome (since the first version), but it’s not supported by Internet Explorer or Opera (it should be implemented in Opera 10). Here’s thr code.Intruction
Open the HTML file of your Web page in a code editor such as jEdit, Notepad++ or BBEdit. Locate the HTML element where you want to apply the border radius by finding its corresponding tag. For example, the tag for a paragraph element is <p>. Look at the attributes inside the tag and find either a class name or ID name.If you see neither of these attributes, add one like so:
<div id="idname" class="classname">Contents...</div>
Note that you can re-use class names in multiple tags, but you can only use one ID name for each tag on a Web page.
0 comments:
Post a Comment