编程狮在线代码实例

Tab
<>
""
''
()
{}
[]
/
:
;
?
,
.
$
输入
运行
xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>W3Cschool教程(w3cschool.cn)</title> 
<style> 
#rcorners7 {
    border-radius: 50px/15px;
    background: #8AC007;
    padding: 20px; 
    width: 200px;
    height: 150px; 
}
#rcorners8 {
    border-radius: 15px/50px;
    background: #8AC007;
    padding: 20px; 
    width: 200px;
    height: 150px; 
}
​
#rcorners9 {
    border-radius: 50%;
    background: #8AC007;
    padding: 20px; 
    width: 200px;
    height: 150px;
} 
</style>
</head>
<body>
​
<p>椭圆边框 - border-radius: 50px/15px:</p>
<p id="rcorners7"></p>
​
<p> 椭圆边框 - border-radius: 15px/50px:</p>
<p id="rcorners8"></p>
​
<p>椭圆边框 - border-radius: 50%:</p>
<p id="rcorners9"></p>
​
</body>
</html>
实例代码
运行结果