CSS

CSS3定义边框属性

字号+ 编辑: Snake 修订: 呆头鹅甲 来源: 博客园 2021-03-09 19:37 我要说两句(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.交流群: PHP+JS聊天群

相关课文
  • 引入字体文件时报错: OTS parsing error: invalid version tag

  • CSS的边框逐渐发亮效果怎么做的

  • CSS的几个核心概念

  • CSS函数的8个妙用

我要说说
网上宾友点评
沙发已空
CSS3定义边框属性