`

css3 女厕所标记例子

css 
阅读更多
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例子div+css例子div+css例子...

    简单的CSS3地图位置标记动画特效

    这是一款简单的带有动画效果的CSS3地图位置标记动画特效,CSS3位置图标标注代码。

    纯CSS3地图位置标记动画特效.zip

    纯CSS3地图位置标记动画特效是一款带有动画效果的CSS3位置标注特效。

    css 简单例子 div css 简单例子 div

    css 简单例子 div css 简单例子 div css 简单例子 div

    CSS3地图位置标记动画特效.zip

    这是一款简单的带有动画效果的CSS3地图位置标记动画特效,CSS3位置图标标注代码。

    css3 炫丽按钮例子

    单纯css3做的各种炫丽按钮,特效按钮,会呼吸的按钮,颜色渐变, 直接通过css3绘制出特殊效果,使用css的动画技术实现的简单例子

    管理css css注释写法的例子

    管理css css注释写法的例子 管理css css注释写法的例子 管理css css注释写法的例子

    css3学习与例子

    个人学习css3例子与笔记,包含基础部分与关键布局,阴影效果,动画效果,鼠标移过内容上浮效果,纯css画三角形圆形等例子与总结

    带未读消息提示标记的CSS3菜单.rar

    一款由HTML5技术实现的带未读消息提示标记的CSS3菜单,竖向排列的导航菜单,菜单项中可显示类似手机微信、QQ列表中的未读消息标记,虽是一个挺小的功能,但却很主流,现在手机上这种角标效果已经很普遍了。...

    css样式表的一些例子

    学习css样式表的例子,主要是在asp方面的

    css帮助文档(例子)

    css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子css 帮助文档 例子

    CSS和CSS3思维导图(xmind版)

     一个css与css3都有效的code,如果浏览器不支持css3,那么只会以css的样式显示。最常见的就是圆弧角。一个只在css3中有效的code,如果浏览器不支持css3,那么其显示效果就不会出现。 css3和css,在编写code的时候,...

    html5+css3实战 例子

    html5和css3相互配合使用,能够更快速,代码更简洁易懂,便于开发者使用,节省开发时间。

    css-spinners, 使用CSS和最小HTML标记制作的简单CSS微调器和 throbbers.zip

    css-spinners, 使用CSS和最小HTML标记制作的简单CSS微调器和 throbbers CSS微调器使用CSS和最小HTML标记制作的简单CSS加载指示器。 所有加载指示器都设计为使用最小标记:&lt;div class="loading-indicator"&gt; Loading.....

    CSS和框架应用 包括例子

    CSS和框架应用 包括例子 CSS和框架应用 包括例子 CSS和框架应用 包括例子

    iecss3.htc css3圆角支持文件

    iecss3.htc css3圆角支持文件

    Qt 控件的CSS样式例子

    此资源是买来的源码,包含了Qt常用的控件的CSS代码,直接加载CSS文件实现换肤。

    CSS button例子

    一些CSS的样式代码。全都是一些button例子。可以拿去参考一下。

Global site tag (gtag.js) - Google Analytics