一个按键的CSS代码:
border-image: url(://setting.png);
border-radius: 2px;
border-style: solid;
border-width: 2px;
border-color: rgb(103, 95, 92);
分析:
- border-image:背景图片。
- border-redius :边框的四脚圆弧,值越大边框越圆滑。例:10px
- border-style :边框的风格
- none 定义无边框。
- hidden 与 “none” 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。
- dotted 定义点状边框。在大多数浏览器中呈现为实线。
- dashed 定义虚线。在大多数浏览器中呈现为实线。
- solid 定义实线。
- double 定义双线。双线的宽度等于 border-width 的值。
- groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
- ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
- inset 定义 3D inset 边框。其效果取决于 border-color 的值。
- outset 定义 3D outset 边框。其效果取决于 border-color 的值。
- inherit 规定应该从父元素继承边框样式。
- border-width :边框的线宽
- border-color:边框的颜色