整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          css的基礎樣式 邊框

          css的基礎樣式 邊框

          css中一般用border來表示邊框。

          首先設置一個寬500像素,高500像素的方框,把它的背景色設置為紅色red。

          我們給他加上邊框,設置10像素、實心的顏色設置為藍色。瀏覽器打開樣式如下。

          加入邊框的顯示效果

          邊框除了這種組合寫法外,還可以分別設置它的屬性。看下面代碼,顯示效果和上面一樣。

          border-width 邊框寬度。

          border-style 邊框樣式 solid 實線 dashed虛線 dotted點線 等等。

          border-color 邊框顏色 可以用英文單詞、十六進制、rgb表示

          邊框樣式為虛線的效果

          邊框的大小可以設置一樣大,也可以分別設置四個邊的大小,設置四個邊的順序一般為:上、右、下、左

          上面代碼中 top代表上為10像素,right代表右為30像素,bottom代表下為60像素,left代表左為90像素。

          四個邊的大小可以分別設置為,它的顏色也可以設置為多種樣色

          當我們把背景寬 高設為0像素,把四個邊框設為200像素,就會看到四個三角形。

          border-radius:100px 是設置圓角的屬性。

          設置為100像素,就會變成圓形

          設置為50像素

          transparent 是一個透明的效果

          我們把邊框的右邊設置為transparent 右邊框就會變成透明,看不到以前的黃色。


          面文章也有介紹關于css想關文章:

          《你未必知道的49個CSS知識點》

          《手把手整理CSS3知識匯總【思維導圖】》

          《妙用CSS變量,讓你的CSS變得更心動》

          《手把手教你55 個提高CSS 開發效率的必備片段》

          《關于前端CSS寫法104個知識點匯總(一)》

          《關于前端CSS寫法104個知識點匯總(二)》


          作者:貴在隨心

          轉載鏈接:https://www.jianshu.com/p/273e77cb99c6#fnref2


          主站蜘蛛池模板: 亚洲A∨无码一区二区三区| www一区二区三区| 国产一区二区免费| 无码国产精品久久一区免费| 国产在线无码视频一区二区三区| 精品国产日韩亚洲一区91| 熟女精品视频一区二区三区| 狠狠做深爱婷婷综合一区| 国产免费私拍一区二区三区| 性色av无码免费一区二区三区| 精品一区二区三区在线观看视频| 免费无码一区二区三区蜜桃| 亚洲国产综合精品一区在线播放| 国产一区二区三区在线看片| 国产日韩精品一区二区在线观看播放 | 精品一区二区三区四区电影 | 蜜桃视频一区二区| 精品一区二区三区在线观看l | 鲁丝丝国产一区二区| 精品人妻无码一区二区三区蜜桃一 | 亚洲国产成人一区二区精品区| 国产一区二区视频在线观看| 精品一区二区三区高清免费观看| 一区二区三区在线免费观看视频| 日韩一区二区三区视频| 国产高清在线精品一区二区三区| 国产精品福利区一区二区三区四区| 精品人妻一区二区三区四区| 一区二区三区免费电影| 日本一区午夜艳熟免费| 精品视频一区二区三区在线观看 | 国产精品成人一区二区三区| 国产成人高清亚洲一区久久| 青娱乐国产官网极品一区| 久久精品人妻一区二区三区 | 伦精品一区二区三区视频| 99偷拍视频精品一区二区| 亚洲男人的天堂一区二区| 国产成人精品一区二区三区无码| 无码人妻久久一区二区三区免费| 亚洲一区二区在线免费观看|