CSS如何画出胶囊形状的圆头长方形

html-css013

CSS如何画出胶囊形状的圆头长方形,第1张

因为圆角弧线为保证不相交会自动缩小半径，而在使用长度值（而非百分比值）时，半径并不相对于元素大小，最终会得到对称的效果。

因此，在创建胶囊两头的半圆形时，我们可以故意指定一个比所需半径大的值，来得到半圆形：

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td CLASS=1>11</td>

<td CLASS=2>22</td>

</tr>

</table>

首先类不能用数字 作为选择器

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td CLASS="td1">11</td>

<td CLASS="td1">22</td>

</tr>

</table>

把他们的类写成一样的.td1{color:#f00font-size:14px}

<link href="xxx/1.css" />

<link href="xxx/2.css" />

这样就可以把两个CSS放到一个页面里面