Rounded corners with CSS

Everyone wants to have rounded corners on its website. Practically, as their is not a party is not suitable for viewing Rounded corners with CSS You have to keep up with fashion trends otherwise done poorly Rounded corners with CSS

Some time ago it was quite embarrassing. Such rounding had to be done by using files. Fortunately, now it is much simpler method. With the help comes to us CSS3.
Rounded corners with CSS

To round off an item, just add this code to your CSS:

CSS:

Mark


  1. . Element_z_zaokraglonymi_rogami {
  2. -Webkit-border-radius: 5px; / * Safari, Chrome * /
  3. -Khtml-border-radius: 5px; / * Konqueror * /
  4. -Moz-border-radius: 5px; / * Firefox * /
  5. border-radius: 5px;
  6. }
Value in px means the radius of curvature.

We can also round off separately each of the corners:

CSS:

Mark


  1. . Element_z_zaokraglonymi_rogami_u_gory {
  2. -Webkit-border-top-right-radius: 5px; / * Upper right * /
  3. -Webkit-border-top-left-radius: 5px; / * Bottom left * /
  4. }

It is so intuitive that I leave without comment.

Where is the miracle of technology use? Wherever possible Rounded corners with CSS The less sharp corners more difficult to hurt yourself while surfing the net. So undoubtedly the rounded corners have a huge impact on the security on the Internet.

On this page I use this effect in a cloud of tags on the right.

Related entries:

  • A tutorial on creating web sites for beginners - CSS, HTML, PHP, MySQL, JavaScript

    A tutorial on creating web sites for beginners - CSS, HTML, PHP, MySQL, JavaScript

    Actually, course page creation is too much said, but this article will present the basic, useful information for those wishing to get started with web development. People who design web pages relatively short, or just do not feel this good, it will find the information and sometimes do not go in the wrong direction. At the beginning we know very foundations, that is, what language to what is (or rather what should .. because you know that ...
  • Why do not we do the parties based on a grid

    Why do not we do the parties based on a grid

    Very briefly describe the construction of the problem based on the tables. Present drawbacks and advantages (if any come to my mind when writing). The term site based on the tables refers to the main structure of the website and its smaller parts. In practice, this often manifests itself by hiding table borders and multiple nesting them in ourselves. Then creates a kind of grid, where you can design the page. For example, Home ...

Comments:

This entry has not yet commented.

Add a comment

* - Required field