zoukankan      html  css  js  c++  java
  • 与border不得不说的故事

    1.border-radius: 50px / 100px; /* horizontal radius, vertical radius */

    which is mean to

    border-top-left-radius: 50px 100px;

    border-top-right-radius: 50px 100px;
    border-bottom-right-radius: 50px 100px;
    border-bottom-left-radius: 50px 100px;
     
     

    2.<pre>

    .arrow {

      width: 0; height: 0;
     
      border: 100px solid;
      border-color: red green blue yellow;
    }或者
    .arrow {
      width: 0; height: 0;
     
      border: 100px solid
      border-top-color: red;
      border-right-color: green;
      border-bottom-color: blue;
      border-left-color: yellow;
    }

    </pre>

     
    4
    /* 
       Speech Bubbles
       Usage: Apply a class of .speech-bubble and .speech-bubble-DIRECTION
    Hi there
    */
     
    .speech-bubble {
      position: relative;
      background-color: #292929;
     
       200px;
      height: 150px;
      line-height: 150px; /* vertically center */
     
      color: white;
      text-align: center;
      border-radius: 10px;
     
      font-family: sans-serif;
    }
     
    .speech-bubble:after {
      content: '';
      position: absolute;
     
       0;
      height: 0;
     
      border: 15px solid;
    }
     
     
    /* Position the Arrow */
     
    .speech-bubble-top:after {
      border-bottom-color: #292929;
     
      left: 50%;
      bottom: 100%;
      margin-left: -15px;   
    }
    .speech-bubble-right:after {
      border-left-color: #292929;
     
      left: 100%;
      top: 50%;
      margin-top: -15px;    
    }
     
    .speech-bubble-bottom:after {
      border-top-color: #292929;
     
      top: 100%;
      left: 50%;
      margin-left: -15px;   
    }
     
    .speech-bubble-left:after {
      border-right-color: #292929;
     
      top: 50%;
      right: 100%;
      margin-top: -15px;    
    }
    
    Hi there
  • 相关阅读:
    窗口和消息
    输出文字
    《windows程序设计》第一章,建议想学API的每天看一章
    hdu 1008为何不对?求大神指导!
    课程设计(物体类),图片可能没有加载出来,自己运行一下就行了
    二叉树前序、中序、后序遍历相互求法
    哈希表工作原理
    c++中关于static关键字的问题
    Halcon学习笔记之缺陷检测(二)
    Halcon学习笔记之缺陷检测(一)
  • 原文地址:https://www.cnblogs.com/JackyKun/p/5256499.html
Copyright © 2011-2022 走看看