index.html
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>CSS边框和背景[上]</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div>我是HTML5</div> </body> </html>
?
style.css
@charset "utf-8";
div {
width: 200px;
height: 200px;
/* border-style: solid;
border-color: red;
border-width: 10px;*/
/* border-top-style: solid;
border-top-color: red;
border-top-width: 10px;*/
border: 10px solid red;
/*border-radius: 10px 20px 30px 40px;*/
border-top-right-radius: 40px;
/*border-top: 10px solid red;*/
/*border-width: thin;*/
/*border-style: thick;*/
/*border-width: 10px;*/
/*border-style: none;*/
/*border-width: medium;*/
/*border-style: none;*/
/*border-style: dashed;*/
/*border-style: dotted;*/
/*border-style: double;*/
/*border-style: groove;*/
/*border-style: inset;*/
/*border-style: outset;*/
/*border-style: ridge;*/
}
?
?
?
?
原文：http://onestopweb.iteye.com/blog/2231135