在表格中的每个单元格的每个角落放置点/小圆圈

时间:2017-05-12 03:30:58

标签: html css twitter-bootstrap

基本上我想要达到这样的目标。有人可以告诉我如何做到这一点以及使移动兼容的最佳方法是什么。 谢谢 enter image description here

1 个答案:

答案 0 :(得分:0)

您可以使用伪CSS选择器来实现此目的,例如def newFile(event=None): ... first-child等,您可以使用表或任何所需的html标签,这是一个示例:

last-child
.o-table{
    .o-table__head{
    th{
      position: relative;
      border: 1px solid green;
      &:first-child{
          border-left: 0;
          border-top: 0;
          &:after{
            content: "";
            border-radius: 50%;
            width: 4px;
            height: 4px;
            background-color: green;
            position: absolute;
            top: -1px;
            right: -1px;
        }
      }
      
      &:last-child{
          border-right: 0;
          border-top: 0;
          &:after{
              content: "";
              border-radius: 50%;
              width: 4px;
              height: 4px;
              background-color: green;
              position: absolute;
              top: -1px;
              left: -1px;
          }
      }
    }
  }
}