zoukankan      html  css  js  c++  java
  • 利用border绘制三角形

    /*上三角。下边距不设置影响位置*/
          .box6 {
              0px;
              height: 0px;
              -webkit-box-sizing:border-box;
              box-sizing:border-box;
              border-top: 50px solid #f00;
              border-left: 50px solid #fff;
              /*border-bottom: 50px solid #f00;*/
             border-right: 50px solid #fff;
         }
         /*下三角。上边距不设置影响位置*/
          .box7 {
             0px;
             height: 0px;
             -webkit-box-sizing:border-box;
             box-sizing:border-box;
             /*border-top: 50px solid #fff;*/
             border-left: 50px solid #fff;
             border-bottom: 50px solid #f00;
             border-right: 50px solid #fff;
         }
         /*左三角*/
          .box8 {
             0px;
             height: 0px;
             -webkit-box-sizing:border-box;
             box-sizing:border-box;
             border-top: 50px solid #fff;
             border-left: 50px solid #f00;
             border-bottom: 50px solid #fff;
             /*border-right: 50px solid #fff;*/
         }
         /*右三角*/
          .box9 {
             0px;
             height: 0px;
             -webkit-box-sizing:border-box;
             box-sizing:border-box;
             border-top: 50px solid #fff;
             /*border-left: 50px solid #f00;*/
             border-bottom: 50px solid #fff;
             border-right: 50px solid #f00;
         }

     
  • 相关阅读:
    Directx
    apr库开发
    linux 上編譯apache
    数字信号处理---FFT
    C# Parallel用法
    C#线程同步--线程通信
    C#线程同步--限量使用
    C#线程安全类型
    C# Task用法
    C# ThreadPool类(线程池)
  • 原文地址:https://www.cnblogs.com/chencheng365/p/4441965.html
Copyright © 2011-2022 走看看