user-select：none

设置文字是否可以选中

none 禁止

一些别的属性 - 图1

H5新增分割元素属性

clip-path :

CSS 属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。

polygon():

定义一个多边形（使用一个 SVG 填充规则和一组顶点），polygon可以接收很多组坐标点，然后会将这些坐标点按照从左到右连接起来，再将最后一个坐标点和第一个坐标点连起来，最后切割出来的就是坐标点围起来的部分。

  1. // css部分
  2. .container {
  3.   width: 300px;
  4.   height: 200px;
  5.   background-color: #000;
  6. }
  7. .container .split-box {
  8.   width: 200px;
  9.   height:200px;
  10.   background-color: #ff0000;
  11.   float: right;
  12.   // 切割连线包围起来的部分
  13.   clip-path: polygon(100% 0%, 0% 0%, 100% 100%, 0% 100%);
  14. }
  16. // body
  17. <body>
  18.   <div class="container">
  19.     <div class="split-box"></div>
  20.   </div>
  21. </body>

效果图

一些别的属性 - 图2