主頁 > 知識庫 > 詳解HTML設置邊框的三種方式

詳解HTML設置邊框的三種方式

熱門標簽:長春極信防封電銷卡公司 電銷外呼線路改不外呼線路 crm外呼系統(tǒng)好不好 貴陽ai外呼系統(tǒng) 重慶人工智能電銷機器人報價 智能電銷機器人廣告語 強訊外呼系統(tǒng) 電話機器人批發(fā) 愛巢地圖標注

HTML設置邊框的三種方式

border-width: 1px 2px 2px;
border-style: solid dashed dotted;
border-color:red green blue;
/*分別為 上→左右→下 邊框設置*/

1、邊框的組成:

border: 1px solid #fff

參數:

第一個是邊框的粗細  1px

第二個是邊框的樣式  solid 實線  dashed  虛線  dotted  點畫線 (不兼容 在不同的瀏覽器上顯示的不一樣)

第三個是邊框的顏色 red 直接用英文單詞表示顏色  #f00  顏色的十六進制表示法  rgb(255,0,0) rgb表示法

2、復合樣式

/*border: 1px solid red; /*復合樣式*/

3、單一設置

border-width: 1px 2px 2px 1px;
border-style: solid dashed dotted solid;
border-color:red green blue pink;
/*分別為上→右→下→左 邊框設置*/

這樣代表上邊框    右邊框   下邊框   左邊框  分別對四條邊框進行設置

border-width: 1px 2px;
border-style: solid dashed;
border-color:red green;
/*分別為 上下 左右 邊框設置*/

兩個值代表:上下邊框   左右邊框

三個值代表:上邊框   左右邊框   下邊框   (小編不懂為啥是這樣分的  可能就是統(tǒng)一的吧)

也可以對每一個邊框單獨設置!

border-top;
border-right;
border-bottom;
border-left;

但是工作中應該不要這么細分。因為不僅工作量大 而且也很怪異 不美觀

到此這篇關于詳解HTML設置邊框的三種方式的文章就介紹到這了,更多相關HTML邊框設置內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持腳本之家!

標簽:吳忠 清遠 上海 山南 廣安 保定 陜西 內蒙古

巨人網絡通訊聲明:本文標題《詳解HTML設置邊框的三種方式》,本文關鍵詞  詳解,HTML,設置,邊框,的,;如發(fā)現本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《詳解HTML設置邊框的三種方式》相關的同類信息!
  • 本頁收集關于詳解HTML設置邊框的三種方式的相關信息資訊供網民參考!
  • 推薦文章