2015年6月27日 星期六

table表格利用CSS加圓角的方式

HTML的table表格若要加上圓角，不好實現，查到一個方法：利用陰影的方式來呈現。
直接上語法：

.table{
border-collapse: collapse;
width: 100%;
border-style: hidden;
box-shadow: 0 0 0 1px #000;
border-radius: 4px;
}
.table td{
border: 1px solid #000;
}
張貼者： 於
標籤： ,

1 則留言:

  1. Unknown2016年11月18日 晚上11:39

    table{
    border-radius: 5px;
    border-spacing: 0;
    }
    /*it's ok*/

    回覆刪除

訂閱： 張貼留言 (Atom)