table 能设圆角 css,tablecss圆角边框效果
挺好用的 放在最下面比较好看 所以就一个下圆角的实例 上圆角按照代码很容易做。。。
图传不上来
head区
body{ font:
100.01% "Trebuchet MS",Verdana,Arial,sans-serif}
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#nifty{ margin: 0 10%;background: #FFF}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow:
hidden; background: #61aec8}
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}
.STYLE2 {color: #3399CC}
body区
class="rbottom">
class="r4">
class="r3">
class="r2">
class="r1">
前面是css样式咯 后面r几对应上面的设置 简单~
table页 从别人那里粘贴过来的 我的中间东西太多了= =|||
td
{
font-size:
12px;
color:
#000000;
line-height:
150%;
}
.sec1 {
background-color: #EEEEEE;
cursor: hand;
color: #000000;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid gray;
border-bottom: 1px solid #FFFFFF
}
.sec2
{
background-color: #D4D0C8;
cursor: hand;
color: #000000;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid gray;
font-weight: bold;
}
.main_tab
{
background-color: #D4D0C8;
color:
#000000;
border-left:1px solid #FFFFFF;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
}
function secBoard(n)
{
for(i=0;i
secTable.cells[i].className="sec1";
secTable.cells[n].className="sec2";
for(i=0;i
mainTable.tBodies[i].style.display="none";
mainTable.tBodies[n].style.display="block";
}
cellspacing=0 cellpadding=0 width=549 id=secTable
onMouseOut="secBoard(0)">
//
应把onMoseOut删除掉 不删掉效果是鼠标离开选项卡
自动页secBoard(0)
onMouseLeave的意思是鼠标离开这个表格自动弹回某页 无必要可不加
align=center>
onMouseOver="secBoard(0)">menu_1
// 由于是默认选择的 所以这里选择了css sec2的样式
onMouseOver="secBoard(1)">menu_2
onMouseOver="secBoard(2)">menu_3
onMouseOver="secBoard(3)">menu_4
width=549 height=240
id=mainTable
class=main_tab >
style="display:block;">
第1列内容 |
style="display:none;" >
第二列内容
style="display:none;">
第三列内容
style="display:none;">
第四列内容
table 能设圆角 css,tablecss圆角边框效果相关推荐
- android imageview 加边框,RCImageView 自定义圆角ImageView,带边框效果
概况 RCImageView 圆型或者圆角图片(带有边框效果),适配了ImageView的ScaleType属性 RoundImageView 定义圆角图片,四个角圆角弧度可各自定义,也可不定义默认角 ...
- php input框圆角样式,CSS如何实现边框圆角
CSS实现边框圆角需要用到CSS中的border-radius属性,下面我们就来看看CSS实现圆角边框的详细内容. 我们下来看一个没有圆角的边框实现代码 这是一个框架 效果如下: 接下来我们就来具体看 ...
- corners边框_第11天|16天搞定前端,CSS的圆角边框,让人赏心悦目
有人可能会疑惑,我为什么专门用一节内容来说边框和圆角.其实,不为别的,只为它们在开发中,在Web系统中,在手机页面中,太常用了.有边框的页面,让人耳目一新,一目了然:有圆角的内容,让人赏心悦目,心旷神 ...
- css給一个角加圆角,css圆角边框不起作用怎么办
css设置渐变边框设置圆角无效问题 开门见山,当我们给一个元素的边框设置渐变色,那设置圆角就没有效果,以输入框为例:html: css: input{ outline: none; backgroun ...
- php边框圆角,css如何设置圆角边框?css设置圆角边框的方法(图文)
css如何设置边框?很多时候在开发网页前端的时候,为了让网页上面的东西看起来更加的舒服,我们可能需要设置一些圆角边框比如按钮之类的,那么,我们该怎么来设置圆角边框呢?本篇文章将给大家来介绍一下css设 ...
- CSS的圆角边框以及阴影
大家好,我们今天分享一下CSS的圆角边框以及阴影 源码实例: <!DOCTYPE html> <html lang="en"> <head>&l ...
- html中table四角圆弧,利用作图软件(FireWorks)或CSS制作圆角表格(表格四角为圆润)。...
利用作图软件(FireWorks)或CSS制作圆角表格(表格四角为圆润). 更多相关问题 物理爆炸包括液化石油气罐因承受不了罐里面的压力而发生的爆炸.() 富含氧和氢元素的化合物是可燃物.() 润滑油 ...
- 纯CSS实现圆角矩形框
为什么80%的码农都做不了架构师?>>> 实现原理: 纯CSS方式实现圆角框的原理在网络上已经有很多人详细解说了,下面这个示意图是我将其中的一个圆角进行放大后的效果. 图一 从 ...
- 用CSS制作圆角框的方法一,二
CSS产生之初,只能制作直角边框,虽然可以制作圆角的CSS3已经问世,但还不普及.曲线设计在网页中的广泛应用,使圆角成为了时髦的CSS技术之一.创建圆角的方法有很多种,每种要根据实际情况应用.下面我 ...
最新文章
- 动捕技术是拯救VR体验的关键,但如何落地却已成为世界难题
- (0072)iOS开发之UITableViewCell高度自适应探索--cell预估高度
- python有趣代码-一个有意思的 Python 训练项目集
- 两种方法可以达到背景图不缩放的效果
- Android 第一课 Activity
- NDK-r14b + FFmpeg-release-3.4 linux下编译FFmpeg
- MinGW 64的安装 - 官网sourceforge安装失败非翻墙解决办法
- 只有1kb的清理软件_安卓手机总空间不足?试试这6个清理方法,瞬间多出几个G!...
- js 节点 选中ztree_zTree使用
- Windows phone8 基础篇(二) xaml介绍 一
- 【运动学】基于matlab质点运动规律【含Matlab源码 976期】
- 斐讯k3怎么设置虚拟服务器,斐讯K3路由器功能介绍及使用教程
- cdlinux中minidwep的使用
- 机器学习(埋坑)—— 概念学习(Concept Learning)
- PS制作(LOGO)步骤流程
- centos7 修改 max locked memory
- 流数据分析之地理围栏应用
- POSIX Timer
- 你在客户那到底算老几
- 光遇脚本弹琴_光遇自动弹琴脚本手机版
热门文章
- Discuz!教程之新手站长如何自定义导航内容
- [又值奥运季] 2016年里约奥运会--8月19日赛事
- VBA之正则表达式(24)-- 杂乱数据提取
- arduino 鸿蒙,Arduino 开发板介绍及对比(上)
- JavaScript、Java和C语言的区别
- 学银在线python课程_清华计算机系第一课:1615集 Python+Java+web等编程视频课程流出...
- 原来九寨沟这名称是这样来的.
- c语言两个数组字符串相加,两个字符串型数组如何相加(C语言)?
- 【PAT】PAT总结《语法篇》
- NAN值及isnan函数