https://fwhyy.com/tags/html/Recent content in HTML on 冯威的博客Hugozh-CNThu, 10 Jan 2008 00:00:00 +0800https://fwhyy.com/2008/01/the-realization-of-the-html-form-thin-lines/Thu, 10 Jan 2008 00:00:00 +0800https://fwhyy.com/2008/01/the-realization-of-the-html-form-thin-lines/<p>在网页制作中，我们常常会使用到表格，表格使得需要表达的信息更清楚，明了。</p> <pre tabindex="0"><code>&lt;table border=&#34;1&#34; cellspacing=&#34;0&#34; bordercolor=&#34;#000000&#34; width = &#34;80%&#34;&gt; &lt;tr&gt; &lt;td&gt;1.1&lt;/td&gt; &lt;td&gt;1.2&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;2.1&lt;/td&gt; &lt;td&gt;2.2&lt;/td&gt; &lt;/tr&gt; &lt;table&gt; </code></pre><p>这段代码定义了border = 1pix的表格，但实际上表格的实际边框宽度为2pix, 这是因为表格边框由：表格外边框和单元格边框两部分构成。那么如何定义一个细线表格(实际边宽为1pix) 呢？</p> <h3 id="使用-cellspacing和背景色技术">使用 cellspacing和背景色技术:</h3> <pre tabindex="0"><code>&lt;table border=&#34;0&#34; cellspacing=&#34;1&#34; bgcolor=&#34;#000000&#34; width = &#34;80%&#34;&gt; &lt;tr bgcolor=&#34;#ffffff&#34;&gt; &lt;td&gt;1.1&lt;/td&gt; &lt;td&gt;1.2&lt;/td&gt; &lt;/tr&gt; &lt;tr bgcolor=&#34;#ffffff&#34;&gt; &lt;td&gt;2.1&lt;/td&gt; &lt;td&gt;2.2&lt;/td&gt; &lt;/tr&gt; &lt;table&gt; </code></pre><h3 id="使用border-collapse属性">使用border-collapse属性:</h3> <pre tabindex="0"><code>&lt;table border=&#34;1&#34; cellspacing=&#34;0&#34; bordercolor=&#34;#000000&#34; width = &#34;80%&#34; style=&#34;border-collapse:collapse;&#34;&gt; &lt;tr&gt; &lt;td&gt;1.1&lt;/td&gt; &lt;td&gt;1.2&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;2.1&lt;/td&gt; &lt;td&gt;2.2&lt;/td&gt; &lt;/tr&gt; &lt;table&gt; </code></pre>