app开发|app开发公司|小程序开发|物联网开发||北京网站制作|--前潮网络

怎么用CSS設(shè)置網(wǎng)頁table邊框樣式
admin
2015-04-18 19:25:04
69

在做網(wǎng)站的過程中,表格成為數(shù)據(jù)的載體,不再是布局的方式,雖然我們不需要表格來進(jìn)行網(wǎng)頁布局了,但很多表格式的數(shù)據(jù),還是需要表格這一形式發(fā)揮它的作用!

北京網(wǎng)站建設(shè)公司前潮網(wǎng)絡(luò)認(rèn)為 Dreamweaver在表格制作方面做得非常出色,但是在某些時候還是必須結(jié)合css才能達(dá)到一些特定效果

1.上邊框?qū)挾纫韵率且闷危?/font>

   語法: border-top-width: <值>   允許值: thin | medium | thick | <長度>   初始值: medium   適用于: 所有對象   向下兼容: 否   上邊框?qū)挾葘傩杂糜谥付ㄒ粋€元素上邊框的寬度。值可以是三個關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù) 值。也可以用在上邊框、邊框的寬度或邊框的屬性略寫。


 2. 右邊框?qū)挾纫韵率且闷危骸 ≌Z法: border-right-width: <值>   允許值: thin | medium | thick | <長度>   初始值: medium   適用于: 所有對象   向下兼容: 否   右邊框?qū)挾葘傩杂糜谥付ㄔ氐挠疫吙虻膶挾取V悼梢允侨齻€關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù) 值。也可以用在右邊框、邊框的寬度或邊框的屬性略寫。

 3. 下邊框?qū)挾纫韵率且闷危骸 ≌Z法: border-bottom-width: <值>   允許值: thin | medium | thick | <長度>   初始值: medium   適用于: 所有對象   向下兼容: 否   下邊框?qū)挾葘傩杂糜谥付ㄔ氐南逻吙虻膶挾取V悼梢允侨齻€關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù) 值。也可以用在下邊框、邊框的寬度或邊框的屬性略寫。

 4. 左邊框?qū)挾纫韵率且闷危骸 ≌Z法: border-left-width: <值>   允許值: thin | medium | thick | <長度>   初始值: medium   適用于: 所有對象   向下兼容: 否   左邊框?qū)挾葘傩杂糜谥付ㄔ氐淖筮吙虻膶挾取V悼梢允侨齻€關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù) 值。也可以用在左邊框、邊框的寬度或邊框的屬性略寫。

5. 邊框?qū)挾纫韵率且闷危骸 ≌Z法: border-width: <值>   允許值: [ thin | medium | thick | <長度> ]{1,4}   初始值: 未定義  適用于: 所有對象   向下兼容: 否   邊框?qū)挾葘傩杂靡坏剿膫€值來設(shè)置元素的邊界,值是一個關(guān)鍵字或長度。不允許使用負(fù)值長度。如果四個值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式 樣。如果給出一個值,它將被運(yùn)用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。 這個屬性是上邊框?qū)挾取⒂疫吙驅(qū)挾取⑾逻吙驅(qū)挾群妥筮吙驅(qū)挾葘傩缘穆詫憽R部梢允褂寐詫懙倪吙驅(qū)傩浴?/font>

 6. 邊框顏色以下是引用片段:  語法: border-color: <值>   允許值: <顏色>{1,4}   初始值: 顏色屬性的值   適用于: 所有對象   向下兼容: 否   邊框顏色屬性設(shè)置一個元素的邊框顏色。可以使用一到四個關(guān)鍵字。如果四個值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個值,它將 被運(yùn)用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框?qū)傩浴?/font>

 7. 邊框樣式以下是引用片段:  語法: border-style: <值>   允許值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}   初始值: none   適用于: 所有對象   向下兼容: 否   邊框樣式屬性用于設(shè)置一個元素邊框的樣式。這個屬性必須用于指定可見的邊框。可以使用一到四個關(guān)鍵字。如果四個值都給出了,它們分別應(yīng)用于上、右、下 和左邊框的式樣。如果給出一個值,它將被運(yùn)用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框?qū)傩浴?br style="margin: 0px auto; padding: 0px; " /> 以下是引用片段:  none:無樣式;   dotted:點(diǎn)線;   dashed:虛線;   solid:實(shí)線;   double:雙線;   groove:槽線;   ridge:脊線;   inset:內(nèi)凹;   outset:外凸


 8. 上邊框以下是引用片段:  語法: border-top: <值>  允許值: <上邊框?qū)挾?gt; || <邊框式樣> || <顏色>   初始值: 未定義   適用于: 所有對象   向下兼容: 否   上邊框?qū)傩允且粋€用于設(shè)置一個元素上邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴?/font>

 9. 右邊框  語法: border-right: <值>   允許值: <右邊框?qū)挾?gt; || <邊框式樣> || <顏色>   初始值: 未定義  適用于: 所有對象  向下兼容: 否  右邊框?qū)傩允且粋€用于設(shè)置一個元素右邊框的寬度、式樣、和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴! ?/font>

 10. 下邊框以下是引用片段:  語法: border-bottom: <值>   允許值: <下邊框?qū)挾?gt; || <邊框式樣> || <顏色>   初始值: 未定義   適用于: 所有對象   向下兼容: 否   下邊框?qū)傩允且粋€用于設(shè)置一個元素的下邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴?/font>

 11. 左邊框以下是引用片段:  語法: border-left: <值>   允許值: <左邊框?qū)挾?gt; || <邊框式樣> || <顏色>   初始值: 未定義   適用于: 所有對象   向下兼容: 否   左邊框?qū)傩允且粋€用于設(shè)置一個元素左邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴? 下面的細(xì)線表格是用cellspacing來實(shí)現(xiàn)的,用表格的背景色做為邊框的顏色。不方便的是每一行都要再設(shè)置一個背景色。

文章出自:北京網(wǎng)站建設(shè)公司-前潮網(wǎng)絡(luò) http://www.xiaoziling.cn 如轉(zhuǎn)載請注明出處!

相關(guān)推薦
您想要定制網(wǎng)站嗎?
如果您想要走進(jìn)互聯(lián)網(wǎng),并且想找一個出色的團(tuán)隊,那就趕緊聯(lián)系我們吧~
主站蜘蛛池模板: 建筑资质代办-建筑资质转让找上海国信启航 | 自动气象站_农业气象站_超声波气象站_防爆气象站-山东万象环境科技有限公司 | 包装机传感器-搅拌站传感器-山东称重传感器厂家-济南泰钦电气 | 披萨石_披萨盘_电器家电隔热绵加工定制_佛山市南海区西樵南方综合保温材料厂 | 博医通医疗器械互联网供应链服务平台_博医通 | 办公室家具_板式办公家具定制厂家-FMARTS福玛仕办公家具 | 拖鞋定制厂家-品牌拖鞋代加工厂-振扬实业中国高端拖鞋大型制造商 | 美缝剂_美缝剂厂家_美缝剂加盟-地老板高端瓷砖美缝剂 | 钢板仓,大型钢板仓,钢板库,大型钢板库,粉煤灰钢板仓,螺旋钢板仓,螺旋卷板仓,骨料钢板仓 | VI设计-LOGO设计公司-品牌设计公司-包装设计公司-导视设计-杭州易象设计 | 【ph计】|在线ph计|工业ph计|ph计厂家|ph计价格|酸度计生产厂家_武汉吉尔德科技有限公司 | 南京兰江泵业有限公司-水解酸化池潜水搅拌机-絮凝反应池搅拌机-好氧区潜水推进器 | 大型低温冷却液循环泵-低温水槽冷阱「厂家品牌」京华仪器_京华仪器 | 广州市哲铭油墨涂料有限公司,水性漆生产研发基地 | 东风体检车厂家_公共卫生体检车_医院体检车_移动体检车-锦沅科贸 | 船用烟火信号弹-CCS防汛救生圈-船用救生抛绳器(海威救生设备) | 环氧乙烷灭菌器_压力蒸汽灭菌器_低温等离子过氧化氢灭菌器 _低温蒸汽甲醛灭菌器_清洗工作站_医用干燥柜_灭菌耗材-环氧乙烷灭菌器_脉动真空压力蒸汽灭菌器_低温等离子灭菌设备_河南省三强医疗器械有限责任公司 | 精密五金加工厂-CNC数控车床加工_冲压件|蜗杆|螺杆加工「新锦泰」 | ETFE膜结构_PTFE膜结构_空间钢结构_膜结构_张拉膜_浙江萬豪空间结构集团有限公司 | 日本SMC气缸接头-速度控制阀-日本三菱伺服电机-苏州禾力自动化科技有限公司 | 振动筛,震动筛,圆形振动筛,振动筛价格,振动筛厂家-新乡巨宝机电 蒸汽热收缩机_蒸汽发生器_塑封机_包膜机_封切收缩机_热收缩包装机_真空机_全自动打包机_捆扎机_封箱机-东莞市中堡智能科技有限公司 | 袋式过滤器,自清洗过滤器,保安过滤器,篮式过滤器,气体过滤器,全自动过滤器,反冲洗过滤器,管道过滤器,无锡驰业环保科技有限公司 | 注塑机-压铸机-塑料注塑机-卧式注塑机-高速注塑机-单缸注塑机厂家-广东联升精密智能装备科技有限公司 | 机房监控|动环监控|动力环境监控系统方案产品定制厂家 - 迈世OMARA | 伟秀电气有限公司-10kv高低压开关柜-高低压配电柜-中置柜-充气柜-欧式箱变-高压真空断路器厂家 | 立刷【微电签pos机】-嘉联支付立刷运营中心 | 鄂泉泵业官网|(杭州、上海、全国畅销)大流量防汛排涝泵-LW立式排污泵 | 实战IT培训机构_IT培训班选大学生IT技术培训中心_中公优就业 | OpenI 启智 新一代人工智能开源开放平台 | ★店家乐|服装销售管理软件|服装店收银系统|内衣店鞋店进销存软件|连锁店管理软件|收银软件手机版|会员管理系统-手机版,云版,App | 瓶盖扭矩仪(扭力值检测)-百科 | 合肥注册公司|合肥代办营业执照、2024注册公司流程 | 机构创新组合设计实验台_液压实验台_气动实训台-戴育教仪厂 | 山东锐智科电检测仪器有限公司_超声波测厚仪,涂层测厚仪,里氏硬度计,电火花检漏仪,地下管线探测仪 | 全自动贴标机-套标机-工业热风机-不干胶贴标机-上海厚冉机械 | 正压送风机-多叶送风口-板式排烟口-德州志诺通风设备 | 304不锈钢无缝管_不锈钢管厂家 - 隆达钢业集团有限公司 | 温湿度记录纸_圆盘_横河记录纸|霍尼韦尔记录仪-广州汤米斯机电设备有限公司 | 安徽合肥格力空调专卖店_格力中央空调_格力空调总经销公司代理-皖格制冷设备 | 康明斯发电机,上柴柴油发电机,玉柴柴油发电机组_海南重康电力官网 | 数显恒温培养摇床-卧式/台式恒温培养摇床|朗越仪器 |