Code Thuộc tính border-bottom-right-radius trong CSS

Code Thuộc tính border-bottom-right-radius trong CSS

Code Thuộc tính border-bottom-right-radius trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính border-bottom-right-radius trong CSS</title>
<style>
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
div{width:100%; float:left; height:auto; background:red; margin-bottom:10px; padding:20px; color:#fff}
</style>
</head>
<body>

<h1>Code Thuộc tính border-bottom-right-radius trong CSS</h1>

<p>Thuộc tính border-bottom-right-radius trong CSS thường dùng để bo tròn góc phải dưới của phần tử HTML, đơn vị thường dùng là px, %, em,....:</p>

<div style="border-bottom-right-radius: 25px;">border-bottom-right-radius: 25px; (Bo tròn góc phải dưới theo chiều ngang và chiều dọc đều 25px)</div>

<div style="border-bottom-right-radius: 50px 15px;">border-bottom-right-radius: 50px 15px; (Bo tròn góc phải dưới theo chiều ngang 50px, Bo tròn góc phải dưới theo chiều dọc 15px)</div>

<div style="border-bottom-right-radius: 20%;">border-bottom-right-radius: 20%; (Bo tròn góc phải dưới theo tỷ lệ %: 20%)</div>

<div style="border-bottom-right-radius: 1em;">border-bottom-right-radius: 1em; (Bo tròn góc phải dưới theo chiều ngang và chiều dọc đều 1em)</div>

<div style="border-bottom-right-radius: 3em 1em;">border-bottom-right-radius: 3em 1em; (Bo tròn góc phải dưới theo chiều ngang 3em, Bo tròn góc phải dưới theo chiều dọc 1em)</div>

</body>
</html>
Code Thuộc tính border-bottom-right-radius trong CSS nằm trong bài viết Thuộc tính border-bottom-right-radius trong CSS