CSS

CSS3定義邊框屬性

字號+ 編輯: Snake 修訂: 秃顶萧峰 來源: 博客园 2023-09-11 我要說兩句(0)

css3新增屬性有哪些?來提問這個問題的人都應該知道css3是css的升級版本,那麽,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) 30 30 round; 
    /* Safari 5 */-o-border-image:url(border.png) 30 30 round; 
    /* Opera */border-image:url(border.png) 30 30 round;
    
}

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

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

div {

    border:2px solid;
    border-radius:25px;

}

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

css3中box-shadow 用於向方框添加隂影

div {

    box-shadow: 10px 10px 5px #888888;

}


閲完此文,您的感想如何?
  • 有用

    0

  • 沒用

    0

  • 開心

    0

  • 憤怒

    0

  • 可憐

    0

1.如文章侵犯了您的版權,請發郵件通知本站,該文章將在24小時内刪除;
2.本站標注原創的文章,轉發時煩請注明來源;
3.交流群: 2702237 13835667

相關課文
  • 多個高度相同, 屬性inline-block的div,有的div沒有内容而有的div有内容,有内容的會下沉?

  • 讓整個網頁全局變成黑白色調的css代碼

  • CSS生成内容

  • CSS3外輪廓屬性

我要說說
網上賓友點評