font-size
属性或者改回原来的值，这只是个折衷的方法。
改动以下内容，加个CSS属性：
<TABLE
id=idSlider2
border=0
cellSpacing=0
cellPadding=0>
改为
<table
id="idSlider2"
border="0"
cellSpacing="0"
cellPadding="0"
style="top:0px">
对，就是加个top:0px即可。间隙是由于使用了
绝对定位
，并且在<table>与父级元素间有换行间隙就是该
换行符
。如果不用这句CSS，就将<table>前的换行去掉也行。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
<style>
body {
padding: 100px
}
.dakuang {
width: 400px
height: 300px
border: 1px solid #000
position: relative
}
.blueButton,
.greedButton,
.greyButton {
width: 50px
height: 40px
position: absolute
}
.blueButton {
left: -20px
top: -20px
background: #00f
}
.greedButton {
left: 50px
top: -20px
background: #0f0
}
.greyButton {
right: 20px
bottom: -20px
background: #999
}
</style>
</head>
<body>
<div class="dakuang">
<div class="blueButton"></div>
<div class="greedButton"></div>
<div class="greyButton"></div>
</div>
</body>
</html>
复制以上代码，保存为HTML看看。然后你再自己在<div>里面加东西吧。
郁闷，你做这个干什么？圆角的框实现的方法太多了。。。
把那个框分成上中下3个部分，上面圆角，下面圆角，中间垂直自动延伸，边框为左右蓝色7个像素，不就行了。
你自己想想看。
这边的设置圆圈颜色，有点歧义.
1.类似圆环的形式；2.半圆填充颜色
对于第一种那就简单了：
div{
width: 200px
height:200px
border-radius: 50%
border: 10px solid #1AA1E1
display: inline-block
box-sizing: border-box
}
第二种半圆的话，那么会相对麻烦点（当然图片的方法就不说了）：
div{
width: 200px
height:200px
border-radius: 50%
position: relative
display: inline-block
box-sizing: border-box
overflow: hidden
border:1px solid #e3e3e3
}
div:after{
content: ''
position: absolute
width: 50%
height: 100%
background-color: #0000FF
top:0
left:0
}
