詳解HTML設置邊框的三種方式
發(fā)布時間：2020-06-22 16:46:49 作者：Tb. 
我要評論
我要評論這篇文章主要介紹了詳解HTML設置邊框的三種方式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
HTML設置邊框的三種方式
border-width: 1px 2px 2px; border-style: solid dashed dotted; border-color:red green blue; /*分別為 上→左右→下 邊框設置*/
1、邊框的組成:
border: 1px solid #fff
參數(shù)：
第一個是邊框的粗細 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邊框設置內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持腳本之家！
相關文章
本文通過實例代碼給大家介紹了HTML table 表格邊框的實現(xiàn)思路，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2019-10-12- 這篇文章主要介紹了html做表格只顯示表格的外邊框，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-20
在開發(fā)中現(xiàn)在對于陰影效果的使用已經(jīng)越來越廣泛了,那么今天我們就來說一說用同樣的手法實現(xiàn)邊框陰影。下面腳本之家小編給大家?guī)砹薍tml/CSS前端實現(xiàn)文字邊框陰影效果，需2018-01-17- 下面小編就為大家?guī)硪黄嘘PHTML表格邊框的設置小技巧。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-04-19
- 用到CSS樣式和HTML標簽元素 為了對html不同標簽加邊框虛線，我們選擇幾個常用標簽對齊設置邊框虛線效果。 1、html常用標簽 p標簽 span ul li table tr td 2、實例用2014-05-06
- 修改圖片大小對齊間隔邊框?qū)傩?這些操作在開發(fā)過程中很常見，也很實用，本文對此進行詳細介紹下，感興趣的朋友可以了解下啊2013-01-20
- 表格邊框的顯示與隱藏，是可以用frame參數(shù)來控制的。請注意它只控制表格的邊框圖，而不影晌單元格。2011-04-01
- 對于很多初學HTML的人來說，表格
