Web前端学习第十二天·fighting_使用CSS布局和定位（二）_html/css_WEB-ITnose

还听说涨粉都是因为是女生啊，于是我不能再无动于衷了，就问一句，难道粉丝都是男生？

我是要成为后宫佳丽三千人的男人啊~

用户界面样式

　　outline 复合属性（outline-width、outline-style、outline-color），设置对象外的线条轮廓。outline画在border外面。

　　　　使用频率一般，在H5中不建议使用。

　　　　语法与border的使用类似。

示例代码如下：

 1  2  3  4  5      6      7     16 17 18     
19         20     
21 22 

运行结果：

　　cursor 设置在对象上移动的鼠标指针采用何种系统预定义的光标形状。

　　　　使用频率常用。

　　　　语法：cursor：[（使用自定义的图像作为光标类型，IE和Opera只支持.cur图片格式，火狐、谷歌和Safari也支持常见的图片格式） [ ]?,]*[ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll]

　　　　游戏中使用自定义图片做鼠标指针的情况较为常见，一般网站只是用系统预定义的。

示例代码如下：

 1  2  3  4  5      6      7      8  9 10     
11         
12             
cursor：default默认箭头型
13             14         
15         
16             
cursor：pointer手型
17             18         
19         
20             
cursor：text文本光标
21             22         
23     
24 25 

运行结果：

　　zoom 设置对象缩放比例。

　　　　语法：zoom：normal（正常显示） | （制定一个值，不允许负值） | （百分比设置）

示例代码如下：

 1  2  3  4  5      6      7  8  9     
10         
11             zoom:normal缩放正常12         
13         
14             zoom:315         
16         
17             zoom:300%18         
19         
20             zoom:100%21         
22         
23             zoom:500%24         
25     
26 27 

运行结果：