黄色网页视频 I 影音先锋日日狠狠久久 I 秋霞午夜毛片 I 秋霞一二三区 I 国产成人片无码视频 I 国产 精品 自在自线 I av免费观看网站 I 日本精品久久久久中文字幕5 I 91看视频 I 看全色黄大色黄女片18 I 精品不卡一区 I 亚洲最新精品 I 欧美 激情 在线 I 人妻少妇精品久久 I 国产99视频精品免费专区 I 欧美影院 I 欧美精品在欧美一区二区少妇 I av大片网站 I 国产精品黄色片 I 888久久 I 狠狠干最新 I 看看黄色一级片 I 黄色精品久久 I 三级av在线 I 69色综合 I 国产日韩欧美91 I 亚洲精品偷拍 I 激情小说亚洲图片 I 久久国产视频精品 I 国产综合精品一区二区三区 I 色婷婷国产 I 最新成人av在线 I 国产私拍精品 I 日韩成人影音 I 日日夜夜天天综合

第一個第二個第一個第二個

cellspacing和cellpadding學習

系統 2733 0

cell指表格的內容
cellspaceing:表格里單元格之間的距離(類似div margin 外補丁)
cellpadding:表格里單元格空白部分(類似div padding 內補丁)

? cellspacing和cellpadding學習

      <html>
	<head>
	
	</head>
	<body>
		<table border="1" cellspacing="10px" cellpadding="20px">
			<tr>
				<td>第一個</td>
				<td>第二個</td>
			</tr>
			<tr>
				<td>第一個</td>
				<td>第二個</td>
			</tr>
		</table>
			
		
	</body>
</html>
    

?

? border-collapse 屬性設置表格的邊框是否被合并為一個單一的邊框,還是象在標準的 HTML 中那樣分開顯示

separate:分開,默認

collapse:合并,cellspacing和cellpadding樣式失效

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />

<meta name="robots" content="all" />

<meta name="author" content="w3school.com.cn" />
<meta name="Copyright" content="Copyright W3school.com.cn All Rights Reserved." />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta http-equiv="imagetoolbar" content="false" />

<link rel="stylesheet" type="text/css" href="/c3.css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

<title>CSS border-collapse 屬性</title>
</head>

<body class="html">
<table style="border-collapse:collapse" border="1" width="200" cellspacing="30">
	<tr>
		<td>11</td>
		<td>12</td>
		<td>13</td>
	<tr>
	<tr>
		<td>21</td>
		<td>22</td>
		<td>23</td>
	<tr>
</table>

<table style="border-collapse:separate" border="1" width="200" cellspacing="30">
	<tr>
		<td>11</td>
		<td>12</td>
		<td>13</td>
	<tr>
	<tr>
		<td>21</td>
		<td>22</td>
		<td>23</td>
	<tr>
</table>
</body>
    

?

?備注: <!DOCTYPE 不能少,否則看不到效果

cellspacing和cellpadding學習


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論