Day 17 CSS <用户介面样式 & 三角>

1. 什麽是介面样式?

所谓的介面样式，就是更改一些用户操作样式，以提高用户体验。

2. 更改用户的鼠标样式

语法 :

li { cursor : pointer; }

        /*
        cursor: default;        小白游标(默认)
        cursor: pointer;        小手
        cursor: move;           移动
        cursor: text;           文本
        cursor: not-allowed;    禁止
        */

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

3. 表单轮廓

• 轮廓线 outline

给表单添加 outline : 0 ; 或者 outline : none; 样式之後，就可以去掉默认的蓝色边框。

input { outline:none;}

4. 防止表单文本域拖曳

实际开发中，我们文本域右下角是会设置成不可以拖曳的

textarea { resize:none;}

网页中常见的一些三角形 可以直接使用CSS画出来

选择器 {
        width: 0;
        height: 0;
		line-height: 0; /*为了改善兼容性问题*/
		font-size:0;   /*为了改善兼容性问题*/
        border: 100px solid transparent;
        border-top: 100px solid salmon;
}

三角范例