這篇文章主要為大家展示了“CSS中border邊框和padding內邊距怎么用”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“CSS中border邊框和padding內邊距怎么用”這篇文章吧。
創新互聯服務項目包括長安網站建設、長安網站制作、長安網頁制作以及長安網絡營銷策劃等。多年來,我們專注于互聯網行業,利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等,向廣大中小型企業、政府機構等提供互聯網行業的解決方案,長安網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到長安省份的部分城市,未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任!
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>測試</title>
<linkrel="stylesheet"type="text/css"href="Text08.css">
</head>
<body>
<tableborder="3">
<tr>
<td>EDG流弊</td>
</tr>
</table>
<pid="p1">RNG世界第一偽強隊</p>
<pid="p2">WE提前淘汰,還粉絲60E</p>
<pid="p3">EDG國電,世界希望</p>
</body>
</html>
css代碼
td{
padding-left:100px;
padding-bottom:100px;
padding-right:50px;
padding-top:50px;
}
/*padding控制著內容距離邊距的距離,如果只是padding后面接一個值,就是上下左右都是這個值
這是分開對上下左右進行設置*/
#p1{
border-top-style:groove;
border-top-width:5px;
border-top-color:deepskyblue;
}
/*控制著主體內容外面一點的邊框,同上面一樣可以分別控制四個部分border-top-style控制上邊框,
如果上面的屬性,就是控制上面左右的邊框效果是相同的,border-width,border-top-color同上*/
#p2{
border-radius:15px;
width:400px;
text-align:center;
background-color:deepskyblue;
border:4pxsolidfuchsia;
}
/*border-radius增加邊框邊角的效果,border-image是添加邊框圖片*/
#p3{
width:100px;
height:100px;
text-align:center;
color:red;
background-color:aqua;
box-shadow:10px10px5pxcornflowerblue;
}
/*box-shadow是邊框陰影效果,第一個屬性是向右偏移多少,
第二個是向下,第三個是程度,第四個就是陰影的顏色*/
以上是“CSS中border邊框和padding內邊距怎么用”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創新互聯行業資訊頻道!
當前文章:CSS中border邊框和padding內邊距怎么用
鏈接分享:http://vcdvsql.cn/article38/gjsepp.html
成都網站建設公司_創新互聯,為您提供建站公司、全網營銷推廣、App開發、域名注冊、網站設計、商城網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯