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