How to use border radius in css

-
Add rounded border to an html elements.
In border radius is define 4 angles differently.
Default value is 0 and it cannot inherit child elements.

You can give border radius 4 angle that are follow syntax:

Border-radius: 1px 2px 3px 4px;

- First dimension (1px) is display top left corner.
- Second dimension (2px) is display top right corner.
- Second last dimension (3px) is display bottom right corner.
- Last dimension (4px) is display bottom left corner.

You can also give separate dimension like Follow:

Border-top-left-radius: 1px;
Border-top-right-radius: 2px;
Border-bottom-left-radius: 3px;
Border-bottom-right-radius: 4px;

You can also give two dimension that follow:

Border-radius:0px 1px;

- First dimension set top left and bottom right dimension.
- Last dimension set bottom left and top right corner radius.

Here, you can use for older browser prefix is moz and webkit

Example HTML FILE is :


Output is :




Comments

Post a Comment

Popular posts from this blog

How to create a custom form in wordpress

-
// create table in database ( must add prefix ) // create page to display form i was wrote code into front-page.php                       Name: Email Selecet Resume: Submit if(isset($_POST['submitted'])) { global $wpdb; //print_r($_FILES['res']); $filename =  basename($_FILES['res']['name']); $path = get_template_directory()."/"."upload/resume/".$filename; //echo " "; $status = false; if(move_uploaded_file($_FILES['res']['tmp_name'], $path)) { $status = ture; } if($status == true) { $tablename=$wpdb->prefix.'resume'; $date = date("Y-m-d H:i:s A"); $data=array('name' => $_POST['contactName'], 'email
Read more

My new Jquery Plugin name is krDailog

-
Image
This is my new jquery plugin i hope this is use full to you if you require this plugin than contact me  /*     krDailog Version 1.0     Author: krButani     email: butanikartik1108@gmail.com */ Require to use this function     - bootstrap.css new version     - bootstrap.js new version     - jquery.js new version     - jquery-ui.js new version     - glyphicons font by bootstrap # you can use new version of all and also use min file also # include file first this way     <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">     <link rel="stylesheet" type="text/css" href="css/krDailog.css">     <script type="text/javascript" src="js/jquery.min.js"></script>     <script type="text/javascript" src="js/jquery-ui.min.js"></script>     <script type="text/javascript" src="js/bootstrap.min.js"&g
Read more