如何塑造td bgcolor

Question

任何人都可以帮我改变我的bgcolor的形状更像rounded而不是矩形......我只是不是css中的专家，任何人都可以帮助我。

Answer 1

你试过

吗？

table { border-collapse: separate; }
td{
    border-radius : 4px;
}

Answer 2

您正在寻找名为border-radius

的CSS属性

可以在http://css-tricks.com/almanac/properties/b/border-radius/

找到非常详尽的演练

示例：

table td {

  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 4px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 4px; 

  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 4px; 

}

Answer 3

将这些添加到要舍入的div，以实现完全跨浏览器兼容性。显然你可以改变价值观。值越高，曲线中的弯曲越多。

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;