<50分>纯CSS设置表格样式

作者&投稿:淡固 (若有异议请与网页底部的电邮联系)
怎么设置css表格的样式(颜色等)~

下面来个例子,你可以复制到你的编辑器里修改测试
table.gridtable {}{ font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #666666; border-collapse: collapse;}table.gridtable th {}{ border-width: 1px; padding: 8px; border-style: solid; border-color: #666666; background-color: #dedede;}table.gridtable td {}{ border-width: 1px; padding: 8px; border-style: solid; border-color: #666666; background-color: #ffffff;} Info Header 1Info Header 2Info Header 3 Text 1AText 1BText 1C Text 2AText 2BText 2C
CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

CSS3 :nth-child(odd) 选择器
odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词

css选择器,百度一下,多了解一个就少走很多弯路,少些很多代码

<!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=utf-8" />
<title>千声盒子</title>
<style type="text/css">
/*不要使用标签名作为类名*/
/*.table{text-align:center;width:100%;height:100%;border-width:thin;border-style:solid;border-color:#AA9FFF;border-collapse:separate;}*/

.tbClass {
text-align:center;
width:100%;height:100%;
/*首先对大表格加上左边 和 底边*/
/*我自作主张加上了底边框,可以删掉去*/
/*听说FF下不支持缩写,请你自己把下面的写法拆分出来*/
border-left:2px #AA9FFF solid; /* 左边框 */
border-bottom:2px #AA9FFF solid; /*底边框*/
}
.tbClass td {/*单元格的上边和右边*/
border-top:2px #AA9FFF solid;
border-right:2px #AA9FFF solid;
}
.tbClass td {/*测试用,为了看到效果,你可以把这个删掉去*/
/*width:100px; height:80px;*/
}

/*专门为“盒子那行写的类”*/
.boxCell td { height:101px; padding:0; margin:0}

</style>
</head>
<body>
<table id="Box" name="Box" class="tbClass" cellspacing=0><!--注意! 1:我把类名由table改成tbClass了, 2: cellspacing=0-->
<?php
for($i=1;$i<=1000;$i++){
if($i%5==0){
echo "<td>$i</td>";
echo "</tr>
<tr class=\"boxCell\">
<td>盒子</td>
<td>盒子</td>
<td>盒子</td>
<td>盒子</td>
<td>盒子</td>
</tr>
";/////注意! 这里使用了一个boxCell的CSS类,不会那么多冗余代码
echo "<tr>";
}else{
echo "<td>$i</td>";
}
}
?>
</table>
</body>
</html>

//////最后说明;
1。如果乱码,或无显示,请注意你php文件的编码格式,或在浏览器下选择GBK32编码
2。这种专业问题,如果到Csdn 里发帖,十分钟之内就有人回答了
3。百度的BUG:回复后再修改,就不能保持代码的缩进了 -_-!即不能tab缩进,要换成4个空格

这么大的问题解决不了,不过顶下,我现在都在学习呢...哈哈!看这的教程http://webzblog.nbw2.dnsz.org/不过好像现在又变了

最好设2个CSS类,一个是编号的小格,一个是写“盒子”的大格。
然后循环引用的时候引用不同的类就行了。
比如

……
.grid_s {width:101px; height:30px;}
.grid_b {width:101px; height:70px;}
……
<?php
for($i=1;$i<=1000;$i++){
if($i%5==0){
echo "<td class="grid_s">$i</td>";
echo "</tr>
<tr>
<td class="grid_b">盒子</td>
……


求虐男主的NP文(50分)
蓝晶的魔法学徒,很不错啊,还有蓝晶的马甲血珊瑚写的一本魔盗 都是被虐的很惨 参考资料:http:\/\/www.cmfu.com\/showauthor.asp?Ba_id=110

1(50分)x=-0.1011,y=0.011,求[x+y]补
首先,我们需要明确题目中的符号含义。[x]表示不大于x的最大整数,{x}表示x的小数部分,即{x}=x-[x]。补数指的是一个数与它的补数的和为基数的情况下,这个数与它的补数之和的符号与基数相同,且绝对值等于基数。对于题目中的小数x和y,它们的补数分别是1-x和1-y。因此,[x+y]补 = 100...

50分,什么东西的用途最广?它都有哪些用途?
(含较多的钙镁化合物).硬水会影响洗涤剂的效果;锅炉用水硬度高了十分危险,不仅浪费燃料,而且会使锅炉内管道局部过热,易引起管道变形或损坏;人长期引用危害健康.硬水加热会有较多的水垢。 饮用水根据氯化钠的含量,可以分为: 淡水 咸水 生物水:在各种生命体系中存在的不同状态的水。 天然水: 土壤水:贮存于土壤内...

50分 把一批笔分给几个小朋友,每人5支还余2支;每人6支,则最后一个小...
解设有小朋友x人 0<5x+2-6(x-1)<2 0<8-x<2 6<x<8 因为x为正整数,所以x=7

...男多女的那种哦.. 结局要好..求多部..)好的那个50分...
第一部12集,第二部14集,外加1集ova 可爱的人设和搞笑的剧情同样史这部动画的精彩之处,麻幌(女主角)那可爱的造型和性格不知道让多少少男拜倒在她的石榴裙下。。。不过片子的结尾好像有一些莫名其妙,算是稍许欠缺吧。不过瑕不掩瑜,所以推荐给各位希望有一个可爱又可靠的女朋友(麻幌本身是一个战...

(50分)哪个省的人吃的最辣啊?
而贵州 属于两者之间 但更重辣味 意味辣味偏重 说明贵州辣味更胜一筹 贵州遵义在贵州境内及西南地区想必之下盛产辣椒 这里在贵州算吃辣比较厉害的一个地区之一 贵州地区食辣也明显,特别是食用辣椒时间之早在云、贵、川、湘几省中为最,吃海椒在百姓生活中根深蒂固,现在许多居民用餐时必备辣子碗,民间...

出50分踩空间
楼主想踩几次空间?本人讲信誉!你给一分.就给踩一次!且附加一条祝福留言!和顶日志!给分后马上实行!只求信誉!

<50分>水浒传里面的经典语句???
水浒传》名句欣赏 人无千日好,花无百园红 送君千里,终须一别 人无刚骨,安身不牢 表壮不如里壮 篱牢犬不入 拳头上立得人,胳膊上走得马,人面上行得人 骏马却驮痴汉走,美妻常伴拙夫眠 柔软是立身之本,刚强是惹祸之胎 好事不出门,恶事传千里 欲求生快活,须下死工夫 参考资料:http:...

韩语等级考试
像水彩笔一样,橡皮擦不掉,建议一次性涂对,改正很麻烦的。写作部分会用到自己带的笔,黑色中性笔就行,HB铅笔根本用不到。考试内容一共分四部分。一是听力部分、二是语法部分、三是阅读部分、四是写作部分。注意时间分配,听力不会就过,说的很快的,可以事先多做做真题找找感觉。

<50分拜上>急,女友最心爱的坠子不见了,怎么安慰?
虽然上天还是辜负了他的付出,但是让我很感动。虽然丢了钻但是有人如此对我,我还有什么可求的。女友心爱的坠子掉了,建议你买个情侣饰品你一个她一个,这会让她转移对失去坠子而难过的心情转而会更加珍惜你送她的属于你们俩一起珍惜的宝贝。不是因祸得福,更加开心幸福了?

坊子区17671274940: CSS如何写一个宽度为屏幕50%的正方形DIV
邗诗小儿: DIV的宽度就设置为50%,然后JS获取DIV的宽度附给高度就行了, document.getElementById("test").style.height=document.getElementById("test").offsetWidth; <div id="test" style="width:50%"></div>

坊子区17671274940: CSS代码文字段落设置
邗诗小儿: 解决: 这样就好了. Css &lt;style type="text/css"&gt; .one{ font-size:10px; color:#FF0000; font-weight:bold; } .two{ font-size:18px; color:#00FF00; text-decoration:underline; } .three{ font-size:18px; color:#0000FF; text-decoration:overline; } &lt;/...

坊子区17671274940: <style type="text/css">
邗诗小儿: font-family: arial, sans-serif; 表示字体 width:750px;宽为750像素 margin:0; margin:50px 0;这里有重复前面的 "margin:0;" 可以不要,后面的"margin:50px 0"表示左右间距为50,上下间距为0

坊子区17671274940: 怎么用div+css实现body左半屏50%颜色
邗诗小儿: <p>很easy..添加一个DIV....</p> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8" /&gt; &lt;title&gt;test&lt;/title&gt; &lt;style type='text/css'&gt; #demo{position:...

坊子区17671274940: CSS如何控制DIV的位置?
邗诗小儿: amp;lt;!DOCTYPEnbsp;htmlnbsp;PUBLICnbsp;“-//W3C//DTDnbsp;XHTMLnbsp;1.0nbsp;Transitional//EN“nbsp;“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“amp;gt;nbsp;amp;lt;htmlnbsp;xmlns=“http://www.w3.org/1999/xhtml“...

坊子区17671274940: jsp中CSS如何设置字体大小、斜体及颜色
邗诗小儿: &lt;body&gt;&lt;style&gt;.test { font-size: 24px; color: #FF0000; font-style: italic;}&lt;/style&gt;&lt;div class="test"&gt;测试文字&lt;/div&gt;&lt;/body&gt;

坊子区17671274940: css 样式的应用举例
邗诗小儿: 比如做一个导航条 首先搭建基本机构: &lt;div id="menu"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;年表&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;作品&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;...

坊子区17671274940: 怎么让DIV里面的图片,不管浏览器放大或缩小,始终居中显示?
邗诗小儿: &lt;style type="text/css"&gt; &lt;!-- div { position:absolute; top:50%; left:50%; margin:-150px 0 0 -200px; width:400px; height:300px; border:1px solid #008800; } --&gt; &lt;/style&gt; &lt;div&gt;让层垂直居中于浏览器窗口&lt;/div&gt; 其实解决的思...

坊子区17671274940: css样式绝对定位,怎样可以50%显示器宽度+200px
邗诗小儿: &lt;script&gt; var a = document.documentElement.clientWidth b = a*0.5+200 document.getElementById('你的容器ID').style.width = b+"px" &lt;/script&gt;

坊子区17671274940: 如何使用CSS让DIV区块相对于浏览器居水平中
邗诗小儿: 可以建一个CSS的文件,然后调入,在这个调入的CSS文件中加入一个类,设置这个类的文本对齐方式为居中,然后在Body调入刚刚的这个类,就行了. 例如&lt;style type="text/css"&gt; &lt;!--.22 {text-align: center;} --&gt;&lt;/style&gt;&lt;/head&gt; &lt;body class="22"&gt; 这里面CSS就在这个文档里. 你在DM里操作CSS相对容易一些,其实用CSS布局也不难,只不过没有表格布局来的直观而已.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网