css:
/* Created by TopStyle Trial - www.topstyle4.com */
.ren_header{
width: 100px;
height: 100px;
background: black;
border-radius: 100px 100px 100px 100px;
margin-left:100px;
}
.ren_hand1{
width: 25px;
height: 170px;
background: black;
border-right: red solid 2px;
border-radius:50px 0px 20px 20px;
position: absolute;
margin-left:48px;
}
.ren_hand2{
width: 25px;
height: 170px;
background: black;
position: absolute;
border-radius:0px 50px 20px 20px;
margin-left:225px;
border-left: red solid 2px;
}
.ren_body{
width: 150px;
height: 150px;
background: black;
position: absolute;
border: 0px solid #ccc;
margin-left:75px;
}
.ren_jiao1{
width: 50px;
height: 150px;
background: black;
position: absolute;
border: 0px solid #ccc;
border-radius: 0px 0px 10px 10px;
margin-left:90px;
margin-top:150px;
}
.ren_jiao2{
width: 50px;
height: 150px;
background: black;
position: absolute;
border: 0px solid #ccc;
margin-left:160px;
margin-top:150px;
border-radius: 0px 0px 10px 10px;
}
.ren_qunzi{
width: 50px;
height: 15px;
background: rgba(0,0,0,0);
border:50px solid #f00;
border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0);
border-width: 90px;
/**border-style: black dashed;*/
margin-left:35px;
position: absolute;
}
html:
<div class="ren_header"></div>
<div class="ren_hand1"></div>
<div class="ren_body"></div>
<div class="ren_hand2"></div>
<div class="ren_jiao1"></div>
<div class="ren_jiao2"></div>
<div class="ren_qunzi"></div>
分享到:
相关推荐
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
这是一款简单的带有动画效果的CSS3地图位置标记动画特效,CSS3位置图标标注代码。
纯CSS3地图位置标记动画特效是一款带有动画效果的CSS3位置标注特效。
css 简单例子 div css 简单例子 div css 简单例子 div
这是一款简单的带有动画效果的CSS3地图位置标记动画特效,CSS3位置图标标注代码。
单纯css3做的各种炫丽按钮,特效按钮,会呼吸的按钮,颜色渐变, 直接通过css3绘制出特殊效果,使用css的动画技术实现的简单例子
管理css css注释写法的例子 管理css css注释写法的例子 管理css css注释写法的例子
个人学习css3例子与笔记,包含基础部分与关键布局,阴影效果,动画效果,鼠标移过内容上浮效果,纯css画三角形圆形等例子与总结
一款由HTML5技术实现的带未读消息提示标记的CSS3菜单,竖向排列的导航菜单,菜单项中可显示类似手机微信、QQ列表中的未读消息标记,虽是一个挺小的功能,但却很主流,现在手机上这种角标效果已经很普遍了。...
学习css样式表的例子,主要是在asp方面的
css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子
一个css与css3都有效的code,如果浏览器不支持css3,那么只会以css的样式显示。最常见的就是圆弧角。一个只在css3中有效的code,如果浏览器不支持css3,那么其显示效果就不会出现。 css3和css,在编写code的时候,...
html5和css3相互配合使用,能够更快速,代码更简洁易懂,便于开发者使用,节省开发时间。
css-spinners, 使用CSS和最小HTML标记制作的简单CSS微调器和 throbbers CSS微调器使用CSS和最小HTML标记制作的简单CSS加载指示器。 所有加载指示器都设计为使用最小标记:<div class="loading-indicator"> Loading.....
CSS和框架应用 包括例子 CSS和框架应用 包括例子 CSS和框架应用 包括例子
iecss3.htc css3圆角支持文件
此资源是买来的源码,包含了Qt常用的控件的CSS代码,直接加载CSS文件实现换肤。
一些CSS的样式代码。全都是一些button例子。可以拿去参考一下。