Dzwebs.Net

撰写电脑技术杂文十余年

css3 div画左半圆

Admin | 2016-10-2 11:17:38 | 被阅次数 | 7345

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  使用下面的CSS3代码,就可以将DIv元素,设置成为左半圆的样子了。

  效果图如下:


  一、CSS代码

  <style>
  #div1 {
       width: 50px;
       height: 100px;/*高度为宽度的2倍*/
       border-radius: 50px 0 0 50px;/*圆角半径为宽度的值*/
       background-color:green;
       -webkit-border-radius: 50px 0 0 50px;    
  }

  #div2 {
      position:inherit;
      padding:38px 0px 0px 20px;
      font: bold;
      font-size:1em;
      color:#CCFF00;
  }
  </style>

  二、DIV元素

  <div id="div1">
      <div id="div2">问</div>
  </div>


该杂文来自: 网页制作杂文

上一篇:css3设置DIv半透明的效果

下一篇:js动态为video标签添加新视频

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计