<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          css怎么設置陰影邊框?

          時間:?2019-11-26閱讀:?21標簽:?陰影

          在CSS中可以使用陰影效果屬性在HTML文檔中添加邊框(圖像)陰影。下面本篇文章就來給大家介紹一下CSS的陰影效果屬性,CSS添加陰影效果的方法。


          添加邊框(圖像)陰影

          在CSS中可以使用box-shadow屬性將陰影應用于文本框。此屬性可設置陰影的像素長度,寬度和模糊的距離以及陰影的顏色。

          語法:

          box-shadow: h-shadow v-shadow blur spread color inset;

          屬性值:

          ● h-shadow:設置水平陰影的位置,允許負值;必需值,不可省略。

          ● v-shadow:設置垂直陰影的位置,允許負值;必需值,不可省略。

          ● blur:設置模糊距離;可選值,可省略。

          ● spread:設置陰影的大小;可選值,可省略。

          ● color:設置陰影的顏色;可選值,可省略。

          ● inset:設置從外層的陰影(開始時)改變陰影內側陰影;可選值,可省略。


          添加邊框陰影

          <!DOCTYPE html>
          <html>
            <head>
          <meta charset="UTF-8">
          <title>box-shadow屬性</title>
                  <style>
                      div{
          width:300px;
          height:100px;
          background-color:red;
          box-shadow: 10px 10px 5px #888888;
              }
                  </style>
              </head>
              <body>
                  <div>Hello world!</div>
              </body>
          </html>
          吐血推薦

          1.站長廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入...

          2.休閑娛樂: 直播/交友    優惠券領取   網頁游戲   H5游戲

          鏈接: http://www.modern-decoration.com.cn/article/detial/7835

          fly63.com版權所有,內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网