CSS DIV 折角的代码

折角代码

<div class="one">12345</div>
<div class="two">abcde</div>

  .one{height: 200px;width: 200px;margin: 10px auto;line-height: 200px;background: yellowgreen;background: linear-gradient(-45deg,transparent 15px, yellowgreen 0)bottom right,linear-gradient(-135deg,transparent 15px, yellowgreen 0)top right,linear-gradient(135deg,transparent 15px, yellowgreen 0)top left,linear-gradient(45deg,transparent 15px, yellowgreen 0)bottom left;background-size: 50% 50%;background-repeat: no-repeat;}.two{height: 200px;width: 200px;margin: 10px auto;background: #58a;line-height: 200px;background: radial-gradient(circle at bottom right,transparent 15px, #58a 0)bottom right,radial-gradient(circle at top right,transparent 15px, #58a 0)top right,radial-gradient(circle at top left,transparent 15px, #58a 0)top left,radial-gradient(circle at bottom left,transparent 15px, #58a 0)bottom left;background-size: 50% 50%;background-repeat: no-repeat;}

CSS DIV 折角的代码相关推荐

css div冰淇淋车动画代码
下载地址 css div冰绘制的淇淋车动画代码 dd:
HTML边角钝化效果,CSS实现折角样式效果
实现思路如下: 用linear-gradient实现戒掉右上角的效果用::after实现一个小矩形用linear-gradient截去小矩形的一半用box-shadow制造阴影效果用linea ...
纯CSS实现圆角阴影的折角效果
纯CSS实现圆角阴影的折角效果 2016-10-04 13:14 网页设计标签:css 1637 2 把元素的一角处理类似折角的形状,再配上或多或少的修饰,这种效果已经成为一种非 ...
css实现缺角div
css实现缺角div <div class="block"></div> 方法一:伪元素实现用伪元素画一个和背景色相同的三角形,然后绝对定位到需要遮挡的地 ...
html css 网页代码案例,案例1-HTML使用css+div设计简单网页（62页）-原创力文档
至此就完成了"About"网页的制作,依此类推,修改html中body的类为services/portfolio/contact制作相应html文件并分别保存.在css文件中添加各 ...
html制作柱状图,利div+css做的柱状图，代码超级简洁
利div+css做的柱状图,代码超级简洁深山行者 h1,h2,h3,h4,h5,h6,form,div,p,img,ul,li,table,tr,td,dl,dt,dd,body {margin:0; ...
php网页图片中间代码,图片 css div居中代码怎么写
图片css div居中代码的写法:首先将display设置成table-cell:然后水平居中设置text-align为center:最后将垂直居中设置vertical-align为middle即可. ...
html中div自适应代码,CSS+DIV自适应布局
CSS+DIV自适应布局 1.两列布局(左右两侧,左侧固定宽度200px;右侧自适应占满) 代码如下: 左右两侧,左侧固定宽度200px;右侧自适应占满 .box{ width:800px; heig ...
html中隐藏溢出怎么写,html溢出隐藏代码 css+div 溢出隐藏无效
css+div 溢出隐藏无效隐藏图片超出div部分代码如何写的? 把图片作为div的背景图片是最容易实现你所要的效果的方式: 如果一定要用img标签那就要css和js结合才能实现了: 请html代 ...
Css+Div设置电脑端显示，手机端不显示代码
在需要隐藏的区域加一个Div,例如想在手机端隐藏kongbiji这张图片,代码如下: <div class="none"><img src="kongb ...

CSS DIV 折角的代码

CSS DIV 折角的代码相关推荐

最新文章

热门文章