整合營銷服務商

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

          免費咨詢熱線:

          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


          主站蜘蛛池模板: 少妇激情一区二区三区视频| 亚洲综合国产一区二区三区| 波多野结衣一区二区三区高清av | 久久精品国内一区二区三区| 另类国产精品一区二区| 日韩精品中文字幕视频一区 | 国产伦精品一区二区三区视频金莲| 一区二区国产精品| 亚洲色无码一区二区三区| 精品人妻系列无码一区二区三区| 爱爱帝国亚洲一区二区三区| 精彩视频一区二区三区| 中文字幕一区在线播放| 国产成人综合一区精品| 一区二区三区福利视频| 日韩免费无码一区二区三区| 秋霞日韩一区二区三区在线观看| 人妻少妇精品一区二区三区| 亚洲综合在线一区二区三区| 精品久久久久一区二区三区| 精品一区二区三区在线成人 | 久久久精品一区二区三区| 麻豆AV天堂一区二区香蕉| 免费萌白酱国产一区二区三区 | 波多野结衣高清一区二区三区| 久久人做人爽一区二区三区| 精品一区二区三区AV天堂| 少妇无码一区二区三区| 亚洲Aⅴ无码一区二区二三区软件| 亚洲无删减国产精品一区| 日韩精品电影一区亚洲| 国产福利一区二区三区在线观看| 日韩精品一区二区三区中文字幕| 亚洲一区免费观看| 久久精品国产一区二区| 夜夜高潮夜夜爽夜夜爱爱一区| 日韩精品无码一区二区三区不卡| 一区二区网站在线观看| 无码一区二区三区AV免费| 国产成人无码一区二区三区| 午夜精品一区二区三区在线观看|