3回答

• 

  慕运维801387

  2019-11-10 11:46:27

  可以用伪元素，具体实现如下
  css部分
  div {
  height: 0;
  width: 0;
  border: 100px dotted red;
  position: relative;
  }
  div::after{
  content: ‘’;
  position: absolute;
  top: -100px;bottom:-100px;
  left:-50px;right:-50px;
  }
  div::before{
  content:’’;
  position:absolute;
  left:-100px;right:-100px;
  top:-50px;bottom:-50px;
  }
  html 部分
  <div><\div>

  1 0

  慕运维801...

  补充一点，伪元素内要加背景色

  2019-11-10 11:47:27

  共 1 条回复 >

• 

  xing_org1

  2018-07-27 16:11:32

  他问的是这个吧。。。

  0 0
• 

  喝牛奶对身体好

  2017-12-18 12:32:43

  我把代码给你整体写下来看你就懂了

  <style>

  .box{width:100px;height:100px;overflow:hidden;}

  .dotted{width:100%;height:100%;border:100px dotted red; }

  </style>

  <div class="box"><div class="dotted"></div></div>

  外面div宽高只有100px，超出会隐藏，内部div的宽高一样，边框是100px,显示出来就是四个圆点，因为设置了

  overflow:hidden;自然内部div的内容和其他的圆点都隐藏了。

  0 0