溫馨提示×

css如何設置邊框陰影

css
養魚的貓咪
279
2021-03-24 17:54:24
欄目: 編程語言

在css中設置邊框陰影的方法:1.創建div標簽;2.設置div標簽寬高和邊框;3.使用box-shadow屬性設置邊框陰影;

css如何設置邊框陰影

在css中設置邊框陰影的方法

1.首先,在頁面中創建一個div標簽,并設置class屬性;

 <body>

    <div class="out"></div>

 </body>

2.div標簽創建好后,在css中設置div標簽的寬高,并設置邊框;

 .out{

      width:300px;

      height: 150px;

      border:1px solid #BFBFBF;

      margin: 20px auto;

}

3.最后,div標簽樣式設置好后,使用box-shadow屬性即可設置邊框陰影;

1).設置邊框外部陰影

 .out{

      width:300px;

      height: 150px;

      border:1px solid #BFBFBF;

      margin: 20px auto;

      box-shadow: 0 0 10px 5px #aaa;

}

2).設置邊框內部陰影

 .out{

      width:300px;

      height: 150px;

      border:1px solid #BFBFBF;

      margin: 20px auto;

      box-shadow: 0 0 10px 5px #aaa inset;

}


0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女