前端页面简单的css使用记录 获取页面tr元素 移除

1 简单的使用css记录

background-color:rgba(93,97,102,0.3);  //只是背景透明0.3   上面的文字不会透明  
 position:absolute; //生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位，元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。（fixed浏览器窗口进行定位）
 margin: auto;  //计算器计算外边距  （上px 右px 下px 左px）(上px  右左px 下px ) （上下px 左右px）(上下左右px)
 padding-top: 20px;  // 属性设置元素的上内边距（空间）
 letter-spacing:4px;  //字符间距
 line-height: 25px;  //行高  行间距
 overflow: hidden;  //规定当内容溢出元素框时发生的事情。hidden内容会被修剪，并且其余内容是不可见的。

圆形按钮  .whxt_btn{
       width:55px;
       height:55px;
       color: white;
       background-color:rgba(64,67,70,0.6);
       border: 0.5px #8e929c;
       border-radius: 60% 60%;  //圆角
       margin: 15px;
   }

.whxt_btn：hover{
//:hover 选择器用于选择鼠标指针浮动在上面的元素
//:hover 选择器可用于所有元素，不只是链接。
//注释：在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。
}

2 获取页面指定的tr元素 移除

<script>
    window.onload = function () {
      var tbody = document.body.getElementsByTagName("tbody")[0];
      var  trs = tbody.getElementsByTagName("tr");
      var tr5 = trs[5];//第五个tr
      var tr7 = trs[7];//第七个tr
      tr5.remove();//移除
      tr7.remove();
    }
</script>