中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何使用html5+CSS控制Table內外邊框和顏色以及大小

發布時間:2020-07-16 15:14:30 來源:億速云 閱讀:558 作者:Leah 欄目:web開發

今天就跟大家聊聊有關如何使用html5+CSS控制Table內外邊框和顏色以及大小,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。

其實按照常理來說,現在的網站應該早已經拋棄什么表格了,現在肯定是p+CSS當道嘛!不過客戶的網站在添加內容的時候始終不滿意那些邊框效果:要么沒有,要么很粗。看得出來,這位客戶是位完美主義者。

在默認的情況下,我們的CSS將Table的邊框清除掉了,是沒有的,看到的效果是這樣的。

如何使用html5+CSS控制Table內外邊框和顏色以及大小

無邊框Table

為了給,表格加一個邊框,我在CSS里面寫了這樣一句:

.table{border:solid 1px #add9c0;}

哎,看來是我太天真了,瀏覽器里看到的效果是這樣的:

如何使用html5+CSS控制Table內外邊框和顏色以及大小

只有外邊框的Table

好吧,我承認,我確實已經有些年頭沒有動過Table了,不過這完全不是我的責任,因為Table其實已經被大眾設計師們拋棄了。于是我就刪掉那句CSS樣式,重新這樣寫了這樣一句:

.td{border:solid 1px #add9c0;}

不過杯具依然發生,像客戶要求這么細的人,怎么能忍受Table表格的內邊框這么粗呢?

如何使用html5+CSS控制Table內外邊框和顏色以及大小

內邊框很粗的Table

沒有辦法,只好出絕招了,刪掉剛剛寫的CSS代碼,直接寫入:

.td{border:solid #add9c0; border-width:0px 1px 1px 0px;}
.table{border:solid #add9c0; border-width:1px 0px 0px 1px;}

好了,這下看你還敢囂張?這不就乖乖地就范了嗎?

如何使用html5+CSS控制Table內外邊框和顏色以及大小

邊框很細的Table

親密無間是沒有罪過的,但是文字內容和表格邊框親密到沒有空隙就影響到美觀了,于是將剛剛那兩句代碼稍作修改:

.td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding-left:10px;}
.table{border:solid #add9c0; border-width:1px 0px 0px 1px;}

如果需要td兩邊都不需要那么親密的話,就這樣寫:

.td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 0px;}
.table{border:solid #add9c0; border-width:1px 0px 0px 1px;}

好了,現在來看看最后的效果吧,這個時候客戶已經非常開心了,他要的就是這個效果!

如何使用html5+CSS控制Table內外邊框和顏色以及大小

理想效果的Table

如果大家在其他地方用到這樣的方法的時候,一定要注意CSS代碼的規范寫法:

推薦寫法:border-width:0px 1px 1px 0px;

不推薦:border-width:0 1 1 0;

最后還是提醒大家,能不用Table就盡量不要用Talbe吧,畢竟不是多么先進的技術了,應該試著往p+CSS這方面努力!

看完上述內容,你們對如何使用html5+CSS控制Table內外邊框和顏色以及大小有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注億速云行業資訊頻道,感謝大家的支持。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

同心县| 罗定市| 调兵山市| 高清| 龙胜| 雷山县| 宜川县| 毕节市| 师宗县| 赤壁市| 汾西县| 湟源县| 堆龙德庆县| 醴陵市| 五寨县| 松滋市| 海晏县| 辽宁省| 商河县| 长武县| 台北市| 阿拉善右旗| 翁源县| 呼图壁县| 兴和县| 蓬莱市| 长宁县| 红河县| 雅安市| 都昌县| 龙南县| 凌海市| 和林格尔县| 黑龙江省| 南城县| 信阳市| 神农架林区| 南漳县| 新疆| 临沧市| 雷波县|