中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css3新增屬性是什么

發布時間:2022-03-02 11:16:11 來源:億速云 閱讀:156 作者:小新 欄目:web開發

這篇文章主要介紹css3新增屬性是什么,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

  一、css3新增邊框屬性

  1、css3新增屬性之border-color:為邊框設置多種顏色

  p

  {

  border-style:solid;

  border-color:#ff0000#0000ff;

  }

  這里說一下題外話,需要注意:"border-width"屬性如果單獨使用的話是不會起作用的。請首先使用"border-style"屬性來設置邊框。

  2、css3新增屬性之border-image:圖片邊框

  css3的border-image屬性是使用圖片來創建邊框

  div

  {

  -webkit-border-image:url(border.png)3030round;/*Safari5*/

  -o-border-image:url(border.png)3030round;/*Opera*/

  border-image:url(border.png)3030round;

  }

  注意:InternetExplorer不支持border-image屬性;border-image屬性規定了用作邊框的圖片。

  3、css3新增屬性之border-radius:圓角邊框

  div

  {

  border:2pxsolid;

  border-radius:25px;

  }

  4、css3新增屬性之box-shadow:陰影效果

  css3中box-shadow用于向方框添加陰影

  div

  {

  box-shadow:10px10px5px#888888;

  }

  二、css3新增背景屬性

  1、css3新增屬性之background-size:指定背景圖片尺寸

  在CSS3之前,背景圖片的尺寸是由圖片的實際尺寸決定的。在CSS3中,可以規定背景圖片的尺寸,這就允許我們在不同的環境中重復使用背景圖片。您能夠以像素或百分比規定尺寸。如果以百分比規定尺寸,那么尺寸相對于父元素的寬度和高度。

  div

  {

  background:url(img_flwr.gif);

  background-size:80px60px;

  background-repeat:no-repeat;

  }

  2、css3新增屬性之background-origin:指定背景圖片從哪里開始顯示

  背景圖片可以放置于content-box、padding-box或border-box區域。

  div

  {

  background-image:url('smiley.gif');

  background-repeat:no-repeat;

  background-position:left;

  background-origin:content-box;

  }

  3、css3新增屬性之background-clip:指定背景圖片從什么位置開始裁剪

  div

  {

  background-color:yellow;

  background-clip:content-box;

  }

  三、css3新增文字效果

  1、css3新增屬性之text-shadow:文本陰影

  h2

  {

  text-shadow:5px5px5px#FF0000;

  }

  說明:

  (1)<顏色>和<模糊半徑>是可選的,當<顏色>未指定時,將使用文本顏色;當<模糊半徑>未指定時,半徑值為0;

  (2)shadow可以是逗號分隔的列表,如:text-shadow:2px2px2px#ccc,3px3px3px#ddd;

  (3)陰影效果會按照shadowlist中指定的順序應用到元素上;

  (4)這些陰影效果有可能相互重疊,但不會疊加文本本身;

  (5)陰影可能會跑到容器的邊界之外,但不會影響容器的大小。


以上是“css3新增屬性是什么”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

宁阳县| 广德县| 通道| 伽师县| 奉新县| 澄城县| 常州市| 雷州市| 墨竹工卡县| 安庆市| 天峨县| 南郑县| 自贡市| 阳信县| 巴林右旗| 益阳市| 遂平县| 平南县| 周宁县| 岚皋县| 岱山县| 广东省| 安图县| 万年县| 镇雄县| 双辽市| 长泰县| 蒙山县| 华宁县| 贵阳市| 拉萨市| 平江县| 宜城市| 湘潭市| 恩施市| 邹城市| 陆川县| 响水县| 大宁县| 元谋县| 运城市|