用CSS设置的border属性及标签不显示下划线

简介: 1.在CSS样式表中并不能直接对表格元素的border元素进行设定,那么要想实现像Excel表格样式的表格怎么办呢?只能对表格和单元格分别加边框来实现,具体的是:对表格显示上边框和左边框,而让每个单元格显示下边框和右边框,这样一组合起来就达到了中的border一样的效果,具体的代码如下: TABLE.

1.在CSS样式表中并不能直接对表格元素的border元素进行设定,那么要想实现像Excel表格样式的表格怎么办呢?只能对表格和单元格分别加边框来实现,具体的是:对表格显示上边框和左边框,而让每个单元格显示下边框和右边框,这样一组合起来就达到了<table border="1">中的border一样的效果,具体的代码如下:

TABLE.showTable   //设置表格边框 {  border-top:rgb(0,128,192) 1px solid;  border-left:rgb(0,128,192) 1px solid; }

TABLE.showTable td   //设置单元格 {  border-bottom:rgb(0,128,192) 1px solid;  border-right:rgb(0,128,192) 1px solid; }

2.在超链接中,初始显示的时候不显示下划线,当鼠标放在去的时候显示下划线,鼠标离开后不显示下划线,且颜色改变,代码如下:

A:LINK {  text-decoration:none; }

A:visited {  text-decoration:none; }

A:hover {  color: #ff00ff;text-decoration:underline; }

目录
相关文章
|
14天前
|
XML 前端开发 数据格式
css核心组成部分包括选择器、属性和值。
【4月更文挑战第5天】css核心组成部分包括选择器、属性和值。
16 7
|
1月前
|
前端开发 容器
CSS语言的属性(Property)和值(Value)
CSS语言的属性(Property)和值(Value)
|
1月前
|
前端开发
web前端开发-----CSS样式设置
web前端开发-----CSS样式设置
30 0
|
2月前
|
前端开发
css怎么去除a标签的下划线?
css怎么去除a标签的下划线?
|
1天前
|
前端开发
css怎样设置下滑线?
css怎样设置下滑线?
|
4天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
14 1
|
4天前
|
前端开发
css属性是什么
【4月更文挑战第15天】css属性是什么
12 3
|
12天前
CSS3设置圆角化
CSS3设置圆角化
|
18天前
|
缓存 前端开发 JavaScript
CSS 的 link 标签放在 head 标签之间的作用
CSS 的 link 标签放在 head 标签之间的作用
21 1
N..
|
25天前
|
前端开发 容器
CSS基本属性
CSS基本属性
N..
9 0