|
導讀網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立... 網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。 css如何設置邊框？很多時候在開發網頁前端的時候，為了讓網頁上面的東西看起來更加的舒服，我們可能需要設置一些圓角邊框比如按鈕之類的，那么，我們該怎么來設置圓角邊框呢？本篇文章將給大家來介紹一下css設置圓角邊框的方法。css設置圓角邊框最常用也是最簡單的方法就是利用border-radius屬性。 CSS圓角只需設置一個屬性：border-radius（含義是"邊框半徑"）。你為這個屬性提供一個值，就能同時設置四個圓角的半徑。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。 我們來看一個css設置圓角邊框代碼例子： <!DOCTYPE html>
<html>
<head>
<style>
div
{
text-align:center;
border:2px solid #a1a1a1;
padding:80px 40px;
background:pink;
width:150px;
border-radius:25px;
-moz-border-radius:25px; /* 老的 Firefox */
}
</style>
</head>
<body>
<div>圓角邊框</div>
</body>
</html>效果如下：
border-radius可以同時設置1到4個值。 如果設置1個值，表示4個圓角都使用這個值。 css圓角邊框代碼：border-radius: 15px;
如果設置兩個值，表示左上角和右下角使用第一 個值，右上角和左下角使用第二個值。 css圓角邊框代碼：border-radius: 15px 5px;
如果設置三個值，表示左上角使用第一個值，右上角和左下角使用第二個值，右下角使用第三個值。 css圓角邊框代碼：border-radius: 15px 5px 25px;
如果設置四個值，則依次 對應左上角、右上角、右下角、左下角（順時針順序）。 css圓角邊框代碼：border-radius: 15px 5px 25px 0px;
border-radius還可以用斜杠設置第二組值。第一組值表示水平半徑，第二組值表示垂直半徑。第二組值也可以同時設置1到4個值，應用規則與第一組值相同。 除了同時設置四個圓角以外，還可以單獨對每個角進行設置。對應四個角，CSS3提供四個單獨的屬性： border-top-left-radius 這四個屬性都可以同時設置1到2個值。如果設置1個值，表示水平半徑與垂直半徑相等。如果設置2個值，第一個值表示水平半徑，第二個值表示垂直半徑。 以上就是css設置圓角邊框的方法，想要了解更多css邊框屬性可以參考css手冊。 以上就是css如何設置圓角邊框？css設置圓角邊框的方法(圖文)的詳細內容，更多請關注php中文網其它相關文章！ 網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發布的Win7純凈版系統、Win10純凈版和XP純凈版系統僅為個人學習測試使用，請在下載后24小時內刪除，不得用于任何商業用途，否則后果自負，請支持購買微軟正版軟件！
本站所有資源全部來自于網絡資源,如侵犯到您的權益,請及時通知我們(peng896066052@126.com),我們會及時處理.
Copyright © 2018-2020 雨林木風下載站
