• 不断学习才有回报,学无止境!

使用CSS3做的比较炫的表格

DIV+CSS技巧发现 箭翎 1524次浏览 0个评论 扫描二维码

酷炫表格

不多说,代码如下

table {
width: 600px;
border-collapse: collapse;
text-align: left;
margin: 10px 5px 5px 10px;
cursor: default;
border: 1px solid #ccc;
margin-top:20px;
box-shadow: 0px 0px 10px rgba(0,255,255,0.75);
border: 1px solid rgba(127,255,255,0.75);
-webkit-box-shadow: 0px 0px 8px rgba(0,255,255,0.75);
-moz-box-shadow: 0px 0px 8px rgba(0,255,255,0.75);
box-shadow: 0px 0px 8px rgba(0,255,255,0.75);
}
.tbTitle>th {
font-weight: 300;
text-align: center;
padding: 10px 0 10px 0;
font: 15px “微软雅黑”, Arial, Helvetica, sans-serif;
background-color: rgba(0,93,93,0.8);
color: #efefef;
text-shadow: 0px 0px 20px rgba(127,255,255,1);
}
th, td {
border: 1px solid rgba(127,255,255,0.55);}

箭翎 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明使用CSS3做的比较炫的表格
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址