·您當前的位置:主頁 > 技術教程 > Html5技術 >

                          通過 CSS3 創建圓角邊框和向矩形添加陰影

                          時間:2019-01-22 08:54阿酷
                          通過 CSS3,您能夠創建圓角邊框,向矩形添加陰影,使用圖片來繪制邊框 - 并且不需使用設計軟件,比如 PhotoShop

                          通過 CSS3,您能夠創建圓角邊框,向矩形添加陰影,使用圖片來繪制邊框 - 并且不需使用設計軟件,比如 PhotoShop。

                          在本章中,您將學到以下邊框屬性:

                          border-radius
                          box-shadow
                          border-image
                          瀏覽器支持
                          屬性    瀏覽器支持
                          border-radius                         
                          box-shadow                         
                          border-image                         
                          Internet Explorer 9+ 支持 border-radius 和 box-shadow 屬性。

                          Firefox、Chrome 以及 Safari 支持所有新的邊框屬性。

                          注釋:對于 border-image,Safari 5 以及更老的版本需要前綴 -webkit-。

                          Opera 支持 border-radius 和 box-shadow 屬性,但是對于 border-ima

                          向 div 元素添加圓角:

                          div
                          {
                          border:2px solid;
                          border-radius:25px;
                          -moz-border-radius:25px; /* Old Firefox */
                          }
                          向 div 元素添加方框陰影:

                          div
                          {
                          box-shadow: 10px 10px 5px #888888;
                          }
                           

                          熱門文章推薦

                          請稍候...