Css的邊框?qū)傩杂心男?/h1>

發(fā)布時(shí)間：2022-02-28 10:47:37 來源：億速云 閱讀：210 作者：小新 欄目：web開發(fā)

小編給大家分享一下Css的邊框?qū)傩杂心男?，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

1、邊框陰影屬性：box-shadow :

h-shadow : 水平陰影距離

v-shadow : 垂直陰影距離

blur : 可選，模糊距離

spread : 可選， 陰影的尺寸

color : 可選，顏色

inset : 可選值,將當(dāng)前陰影修改為內(nèi)陰影

語法規(guī)范：box-shadow:h-shadow v-shadow blur spread color inset；

也可簡(jiǎn)寫為：box-shadow:h-shadow v-shadow blur color；

舉個(gè)栗子： box-shadow：1px 1px 1px 1px red;

2、圖片邊框?qū)傩裕?span lang="EN-US"> border-image:

border-image-source : 圖片路徑

border-image-width:圖片邊框的寬度

border-image-repeat : 邊框的平鋪方式

取值 ：repeat : 平鋪 round : 鋪滿 stretch : 拉伸 語法規(guī)范：border-image:source width repeat;

3、輪廓，即繪制于元素周圍的一條線，位于邊框的外圍

語法規(guī)范： outline : width style color；

outline-width : 輪廓寬度

outline-style : 輪廓的樣式

outline-color : 輪廓的顏色

以上是“Css的邊框?qū)傩杂心男边@篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！