1.鼠标样式

     
鼠标默认样式
鼠标移动样式
鼠标指针样式
鼠标文本样式
鼠标等待样式
鼠标放大样式
鼠标缩小样式

2.去掉表单中文本框轮廓线

用户：


密码：

3去掉文本域的拖拽特性

说明：area name=&34;&34; id=&34;&34; cols=&34;30&34; rows=&34;10&34;>area>

4.单行文本发生溢出现象时，采用省略号显示。以下为固定写法：

 
  
  
    

      多行文字，溢出时，多行文字，溢出时，多行文字，溢出时，显示省略号。
    
  

5.多行文字发生溢出时，设置某行显示省略号显示。以下为固定写法：

 
  
  
    

      多行文字，溢出时，多行文字，溢出时，多行文字，溢出时，显示省略号。
    
  

注意：多行文字溢出显示省略号，最好是由后端人员开发、控制，较为方便。

6.相邻盒子边框因重叠而变粗的问题

解决方式即利用margin-left等于负的边框宽度，如下：

      ul li {
        list-style: none;
        float: left;
        width: 100px;
        height: 200px;
        border: 2px solid red;
        margin-left: -2px;
      }

      ul li:hover {
        border: 2px solid blue;
      }

7.鼠标经过相邻的盒子中某个时，该盒子边框显示不同颜色。

如果在上述情况下直接使用如下代码，会出现盒子边框被压盖的情况。

     ul li:hover {
        position: relative;
        border: 2px solid blue;
      }

为了解决此问题，分两类情况进行解决：

（1）当盒子没有采用定位时，在li的hover伪类中添加相对定位属性即可

     ul li:hover {
        position: relative;
        border: 2px solid blue;
      }

（2）当盒子中采用了定位时，利用z-index增加盒子的堆叠权重

8.文字围绕浮动元素显示

而不会因为前面盒子浮动，而使其后的文字在浮动盒子下面。如下代码：

 

  
    

      

      
文字围绕浮动元素，而不会被压盖