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外輪廓屬性

我要說說
網上賓友點評