css outline:定义和用法。
outline-style 属性用于设置元素的整个轮廓的样式.样式不能是 none,否则轮廓不会出现。
outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用.outline 属性设置元素周围的轮廓线。
注释:请始终在 outline-color 属性之前声明 outline-style 属性.元素只有获得轮廓以后才能改变其轮廓的颜色。
注释:轮廓线不会占据空间,也不一定是矩形。默认值:none。
在css中,主要通过border属性的设置,实现去掉边框。以代码编辑器:zend studio 10.0为例,可参考以下步骤去掉button(按钮)的边框:
1、新建一个html文件,命名为test.html,用于讲解。
2、在test.html文件内,使用button标签创建一个按钮,用于测试。
3、在test.html文件内,给button按钮添加一个id属性,用于样式的设置。
4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。
5、在css标签中,通过id设置button的样式,定义其背景颜色为蓝色,文字颜色为白色,最后,将border属性设置为none,实现去掉button的边框。
6、在浏览器打开test.html文件,查看实现的效果。
会不会是边框重叠造成的呢? 在我的浏览器下显示是正常的,但在IE下似乎也有过类似经历.试试这样定义CSS呢
table{
font-family:Georgia
background-color:black
color:white
border-collapse:collapse
border-left:1px dashed white
border-top:1px dashed white
border-right:0
border-bottom:0
}
th, td {
border-left:0
border-top:0
border-right:1px dashed white
border-bottom:1px dashed white
}