• 技术文章 >web前端 >html教程

    css3 圆角(border-radius)_html/css_WEB-ITnose

    2016-06-24 11:49:43原创521
    前缀


    -moz(例如 -moz-border-radius)用于Firefox。
    -webkit(例如:-webkit-border-radius)用于Safari和Chrome。

    css3圆角代码

    .radius { padding:10px; width:300px; height:50px; border: 5px solid #dedede; -moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; /* W3C syntax */}

    效果:

    其他写法:

    border-radius:5px 15px 20px 25px;               上  右    下   左
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:HTML学习笔记NO.1_html/css_WEB-ITnose 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ajax基本介绍• jquery的each,map,has• 求两个纯Html之间的传值示例_html/css_WEB-ITnose• html +CSS+div学习――第二课_html/css_WEB-ITnose• 规范化css 命名(常用整理)_html/css_WEB-ITnose
    1/1

    PHP中文网