css圆缺角,CSS利用1像素空缺实现圆角效果

CSS利用1像素空缺实现为类圆角效果

body {padding:20px; font-family:arial; text-align:center;}

p, li {font-size: 12px; line-height:18px;}

h3 {margin-bottom:6px;}

.examplesGoHere {text-align:left; margin:0 auto; }

.letsGiveItAFixedWidthOf200Pixels { width:200px; }

ul {list-style:none;margin-left:0;padding-left:0;margin-top:0;}

ul li {margin-bottom:8px; margin-left:0;padding-left:0; }

.notchedListItems a {

display:block;

border: solid #666;

border-width: 0 1px;

text-decoration: none;

outline:none;

color: #000;

background: #e4e4e4;

}

.notchedListItems a b {

display: block;

position:relative;

top: -1px;

left: 0;

border:solid #666;

border-width:1px 0 0;

font-weight:normal;

}

.notchedListItems a b b {

border-width:0 0 1px;

top: 2px;

padding:1px 6px;

}

.notchedListItems a:hover,

.notchedListItems a:hover b {background:#666;color:white;}

.feature {

border:solid #647aae;

border-width:0 1px;

background:#b0c0e6;

}

.feature div {

position:relative;

top: -1px;

left: 0;

border:solid #647aae;

border-width:1px 0 0;

}

.feature div div {

top: 2px;

border-width:0 0 1px;

padding: .3em .3em .1em;

}

列表示例：

• 网站首页
• 网页特效
• 软件下载

DIV区域：

这个程序虽然不复杂，但拿来就可以用，简单实用。而对于DELPHI爱好者来说，它具有着很方便的报表模板设计，可以打印机套打，程序使用了Access数据库和ReportBuilder 7.03控件，运行于Delphi 7.0……

• 效果还行吧！