用户CSS样式现实圆角效果

2023-11-07 23:59•css•阅读 2235

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Untitled Document</title>

</head>

body{

padding: 20px;

background-color: red;

font: 100.01% "Trebuchet MS", "Verdana", "Arial", "sans-serif";

color: #000000;

}

h1,h2,p{margin: 0 10px}

h1{font-size: 250%;color: #FFF}

h2{font-size: 200%;color: #f0f0f0}

p{padding-bottom:1em}

h2{padding-top: 0.3em}

div#roundconner{ margin: 0 10%;background: #9BD1FA}

b.rtop, b.rbottom{display:block;background: #FFCC66}

b.rtop b, b.rbottom b{display:block;height: 1px;

overflow: hidden; background: #9BD1FA}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

</style>

<body>

</body>

</html>

效果：