zoukankan      html  css  js  c++  java
  • css做三角形的方法

    用csss做三角形使用border属性

    一.

    <head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
    .div1{
    border: 200px solid red;
    border-color: transparent transparent black transparent;
    0;
    }
    </style>
    </head>
    <body>
    <div class="div1"></div>
    </body>

    或者是

    <head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
    .div1{
                 border-top: 10px solid gray;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    0;

    }
    </style>
    </head>
    <body>
    <div class="div1"></div>
    </body>


    二.用border-radius做椭圆.圆角效果.圆
      或者用几个div也可以做圆角效果用css2.0做很麻烦这里也只是提一下
    三.用background-image:radial-gradient(circle at 50% 0%,#fff,71%,transparent 71%);可以实现波浪效果;


  • 相关阅读:
    尚观寻求帮助
    linux软链接与硬连接
    linux常用命令(三)
    zend 动作控制器
    zend 路由
    ZF组件功能简介
    zend_controller
    linux常用命令(一)
    练习1
    练习1感受:
  • 原文地址:https://www.cnblogs.com/xxxo/p/wuliao.html
Copyright © 2011-2022 走看看