1回答

• 

  歪嘴的肖恩

  2015-08-21 17:52:40

  http://www.w3school.com.cn/tiy/t.asp?f=csse_border

  这是W3C的一个border的一个测试，我改造了一下，你把一下代码替代原来的p:

  p 

  {

      width: 100;

      height: 100;

      border-left: 50px solid green;

      border-right: 50px solid green;

      border-top: 50px solid yellow;

      border-bottom: 100px solid red;

  }

  我觉得这里的难点还是在border的形状上，原来我以为border都是矩形的，其实是等腰梯形

  还有一点是在将width和height改为0后，你也会发现border会自动拼合在一起，挤掉原来width和height占据的位置，你在试着将其他三条边改为透明

   border-left: 50px solid transparent;

      border-right: 50px solid transparent;

      border-top: 50px solid transparent;

  就会得到一个三角形！

  希望能够帮你理解！

  
  

  0 4