CSS用户界面样式

1.鼠标样式

cursor : default;  //默认箭头

cursor : pointer;  //小手图案

cursor: move; //移动图案  

cursor: text; //文本图案

cursor:not-allowed;  //禁止图案

 

 2.表单

(1)表单有默认的轮廓线,是蓝色的

 

 可以通过 outline: none; 去掉默认的蓝色边框

 

 (2)文本域 textarea  右下角有一个标志,可以拖动这个标志使其放大或缩小

 

 

 

 有一个属性  rsize : none;防止拖拽文本框

 

 3.单行文字溢出省略号显示

(1)先强制一行内显示文本

white-space : nowrap;  //默认值normal是自动换行

(2)超出的部分隐藏

overflow : hidden;

(3) 用省略号代替超出的部分

text-overflow : ellipsis;

 

 

 

posted @ 2020-04-23 21:21  瑾言**  阅读(219)  评论(0编辑  收藏  举报