跟高老師學習Web前端之39.

等待

? ? ? ? 昨天晚上加班寫工作總結,忙活到凌晨三點,我心想反正也晚了,順便就把昨天學習的課程筆記記錄到簡書上,圖片上傳了一半發現總是傳輸失敗,無奈上床睡覺,早上睜開眼就上簡書寫作業,才發現簡書也換面貌啦,凌晨系統在更新,我恰巧趕上,蠻感謝這個平臺的,讓我可以記錄自己的生活和學習。

? ? ? ? 今天我學習了邊框的寬度border-width,這是設置邊框大小的一個屬性,用于對邊框寬度有特殊要求的頁面中。

代碼書寫

? ? ? ? ?其中border-width后面的數值:1px 4px 10px 3px分別表示邊框上、右、下、左的寬度。當border-style的值為hidden時,邊框寬度的所有值都不起作用,頁面無邊框。

頁面展示

? ? ? ? 在實際應用中,若border-width后面只設定一個值,則四個邊框的寬度均為該數值。若border-width后面只設定兩個值,則第一個值設定上下邊框的寬度,第二個值設定左右邊框的寬度。若border-width后面只設定三個值,則第一個值設定上邊框的寬度,第二個值設定左右邊框的寬度,第三個值設定下邊框的寬度。

? ? ? ? 同時還有一些特殊的表達需熟悉。當border-width的值為medium,代表邊框寬度為3px;當border-width的值為thin時,代表邊框寬度為1px;當border-width的值為thick時,代表邊框寬度為5px。

? ? ? ? 注意:邊框寬度的值不能為負值。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 1,803評論 0 2
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,335評論 0 11
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • 這是網易微專業之《前端工程師》CSS單元測試題,我做了兩次,第一次在沒上課之前做的,全靠邊寫邊測試,錯了五六題吧,...
    荷小音閱讀 4,528評論 3 5
  • 1.塊級元素和行內元素 塊級(block-level)元素;行內(內聯、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 2,047評論 1 4