css中padding屬性怎么用-創(chuàng)新互聯(lián)

小編給大家分享一下css中padding屬性怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

網(wǎng)站制作、成都網(wǎng)站制作的關(guān)注點不是能為您做些什么網(wǎng)站，而是怎么做網(wǎng)站，有沒有做好網(wǎng)站，給成都創(chuàng)新互聯(lián)公司一個展示的機會來證明自己，這并不會花費您太多時間，或許會給您帶來新的靈感和驚喜。面向用戶友好，注重用戶體驗，一切以用戶為中心。

首先我們介紹的是第一個問題：

css中的padding屬性可以為負值嗎？這個答案很容易，我們先不介紹，在文章最后有關(guān)于內(nèi)邊距padding屬性的負值使用解釋。

現(xiàn)在我們看看css中padding屬性的用法：

padding ：簡寫屬性在一個聲明中設(shè)置所有內(nèi)邊距屬性（auto/length長度值/%）

padding-top:定義了上方的內(nèi)邊距
padding-right：定義了右邊的內(nèi)邊距
padding-bottom：定義了下方的內(nèi)邊距
padding-left：定義了左邊的內(nèi)邊距

這算是padding的介紹了，我們來看個實例具體的了解一下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>創(chuàng)新互聯(lián)建站</title>
<style type="text/css">
table{padding-top:20px;padding-right:50px;padding-bottom:100px;padding-left:20px;border:double;}
</style>
</head>
<body>
<table width="200px"; height="150px">
<tr><td>123</td><td>456</td></tr>
<tr><td>789</td><td>987</td></tr>
</table>
</body>
</html>

上面的代碼把四個屬性都寫上去了，雖然很亂，但是我們還是要看看代碼的在瀏覽器中的顯示效果：

css中padding屬性怎么用

效果是不是很明顯，我們來看看這個的代碼解釋：

padding-top:20px：定義上方的內(nèi)邊距為20像素點。
padding-right:50px：定義了右邊的內(nèi)邊距為50個像素點。
padding-bottom:100px：定義了下邊的內(nèi)邊距為100個像素點。
padding-left:20px：定義了左邊的內(nèi)邊距為20個像素點，是不是和上邊的一樣寬。
border:double：定義了邊框線為雙實線。

說完了這些，現(xiàn)在再來看看如果把一個寫負值會怎么樣呢？

<style type="text/css">
table{padding-top:20px;padding-right:50px;padding-bottom:-300px;padding-left:20px;border:double;}
</style>

來個夸張一點的，來個負三百的值，大家來看看效果：

css中padding屬性怎么用

測試過后，發(fā)現(xiàn)效果幾乎沒有，只是相當(dāng)于把padding-bottom屬性取消掉是一樣的。

由此可知，css中的padding是不能有負值出現(xiàn)的，出現(xiàn)的話就相當(dāng)于把那個屬性給取消了。

以上是“css中padding屬性怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

網(wǎng)站欄目：css中padding屬性怎么用-創(chuàng)新互聯(lián)
當(dāng)前鏈接：http://www.rwnh.cn/article14/isode.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、建站公司、動態(tài)網(wǎng)站、網(wǎng)站營銷、品牌網(wǎng)站制作、網(wǎng)站策劃

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

css中padding屬性怎么用-創(chuàng)新互聯(lián)