mozila firefox css 圆角效果

最新推荐文章于 2017-04-10 18:14:28 发布
最新推荐文章于 2017-04-10 18:14:28 发布
阅读量886 收藏
点赞数
分类专栏： 前端技术 文章标签： firefox css class div generator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/renminzdb/article/details/6927259
版权

一 。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 <style>
  .haha{
    width:800px;
    height:500px;
    border:1px solid red;
    -moz-border-radius: 10px 100px 10px 100px;
  }
 </style>
 </HEAD>
 <BODY>
  <div class="haha"></div>
 </BODY>
</HTML>


二。

<style type="text/CSS">
div#nifty{margin:0;background:#9BD1FA}
p {padding:10px}
div.rtop {display:block;background:#fff}
div.rtop div {display:block;height:1px;overflow:hidden;background:#9BD1FA}
div.r1{margin:0 5px}
div.r2{margin:0 3px}
div.r3{margin:0 2px}
div.rtop div.r4 {margin:0 1px;height:2px}
</style>
</head>

<body>
<div id="nifty">
    <div class="rtop">
        <div class="r1"></div>
        <div class="r2"></div>
        <div class="r3"></div>
        <div class="r4"></div>
    </div>
    <p>形形形形形</p>
<div class="rtop">
        <div class="r4"></div>
        <div class="r3"></div>
        <div class="r2"></div>
        <div class="r1"></div>
    </div>
</div>
</body>
</html>
renminzdb
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)
12-13
-moz-border-radius：moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。 在这两个属性有值的时候，去掉哪个属性，对用他们做内核的浏览器就有影响，如果没值的话，就没影响，这两个属性和，IE，和...
解决圆角问题firefox chrome
Allen专栏
03-12 1723
.element {   -moz-border-radius: 10px;   -webkit-border-radius: 10px;   border-radius: 10px; /* future proofing */   }   .element-top-left-corner {   -moz-border-radius-topleft: 10px
tabs圆角效果
gundumw100的专栏
04-10 1116
今天要处理一个圆角效果用到了下面 tab = tabs.newTabSpec("tab_Busquedas"); tab.setContent(new Intent().setClassName("com.grapp", "com.grapp.homes").putExtras(bundle)); tab.setIndicator(null,null); tabs.addTab(tab);
模拟阴影效果纯CSS圆角框架
11-21
本文将深入探讨如何使用纯CSS技术来创建圆角矩形的阴影效果，同时确保兼容主流浏览器，包括Internet Explorer（IE）和Mozilla Firefox。 首先，CSS3提供了box-shadow属性，用于为元素添加阴影效果。它接受多个参数...
HTML5 CSS3给网站设计带来出色效果
09-25
对于特定角落的圆角处理，我们可以使用`moz-border-radius`和`webkit-border-radius`（分别对应Mozilla Firefox和WebKit浏览器，如Safari和Chrome）以及通用的`border-radius`属性，分别对上、右、下、左四个角进行...
IE与Firefox的CSS兼容大全
01-05
在网页设计领域，Internet Explorer（简称IE）和Mozilla Firefox（简称Firefox）是两种常见的浏览器，它们对CSS（层叠样式表）的支持有所不同，这给开发者带来了兼容性问题。本篇文章将详细探讨IE与Firefox在CSS解析...
div弹出窗口在frameset外层解决方案
热门推荐
活在当下 乐在其中
04-20 2万+
首页通过framset经行网页布局，现在有个临时的消息窗口，ajax返回会弹出来。但是这个就有问题了。div作为网页元素，是依赖与frame的。怎么让其在整个视图窗口的最上层呢？ frmae 连接网页，会对超过的部分进行遮挡。这里提供了一种解决方案.先记录下来。 index.jsp        sorry your browser doesn't accept
regSvr32 脚本注册避开“以管理员身份运行”权限注册失败的解决方法
活在当下 乐在其中
01-05 1万+
最近，帮公司做了一个硬件设备的管理系统，系统不复杂，但是要跟硬件打交道，少不了各种脚本处理，异常处理，还有就是各种系统的兼容性。项目都要接近尾声的时候，发现web控件，怎么都注册不了报错。 可是一直都没有问题的啊。         原来，问题出在了win7  “以管理员身份运行” 的权限上了。我们的控件，因为用到了第三方的dll和一些文件，公司管硬件的开发小伙，直接做成了自解压的安装文件。但是
myeclipse10.7 搭建android开发环境
活在当下 乐在其中
01-05 1万+
最近项目需要，虽然不是做安卓开发，但是由于涉及到前后台数据通信，还必须得懂点安卓的东西，为了调测，也必须要学会安卓环境。机器不想装那么多的eclipse。于是就在myeclipse 10.7上集成安装控件，以下记录下安装的过程，给需要的朋友，另外感叹一句，安卓开发我毕业的时候，才刚起步，那时候做移动通信业务，放弃了安卓。这才几年的功夫，火爆程度难以想象。资料盘里还留有当年在中科院里的安卓资料，和一
jnlp 分平台加载jar包 需要注意的配置
活在当下 乐在其中
01-05 4120
在网络上找了很久，没有找到jnlp的完整的shema文档。这里找到部分资料，记录下，关于分平台记载jar包问题。   一、配置问题 The Java Web Start Resource tag The “Resource” tag in the Java Web Start descriptor has two key elements to allow efficient Java a
Enter键表单自动提交问题
活在当下 乐在其中
01-05 3502
最近做了一个系统，重新搭建了前端，采用jquery validate插件做表单验证。一切都进行的非常顺利。可是恶心的事情发生了，为了配套校验机制，在弹出框的搜索条件页，也用了form标签，仅仅是为了表单验证方便。但是当只有一个查询条件（text文本输入框）的时候，却发现只要输入条件按enter键，页面立马就跳转了，而且跳转的路径很奇怪，然后就出现404错误。        凭借直觉，不用说，就是
【原】IE9 / IE10 对java环境定义的更改
活在当下 乐在其中
01-05 3469
IE9并没有从根本上改进插件技术，而且IE9浏览器仍然沿用以前的插件管理界面，但微软对IE9插件技术进行了一项重要的改进。与其他改进一样，新的插件技术将直接提升浏览器性能。 　　 　　IE9采用了全新的插件性能建议功能。IE9为用户提供了一个手动处理界面，以帮助用户禁用某些插件。 　　 　　如果你对此并不熟悉，你可以看下IE8隐藏的插件管理器，管理器可以清楚显示各款插件加载时间。IE9正是
前端技术的发展
活在当下 乐在其中
01-05 1325
-----------------------------------第一阶段------------------------------------ 1991 年   www  HTML 1994年    w3c  NetScape 1995年    javaScript  IE 1996年    CSS 1998年    Css2.1 1999年    HTML 4.0 2000
谈谈javaScript 的trim()方法
活在当下 乐在其中
01-05 1252
最近做项目，要写大堆大堆的前端判断，免不了要对字符串处理，熟悉了java的trim()方法，对js也就这样习惯了用了。        但是最近一个隐藏很深的 BUG 终于现行了，因为在笔记本上开发，一直都是IE9以上的浏览器。最近一个项目有IE8的客户，测试发现 页面报错。原因就是  trim() 方法。          注意：IE从 IE9 开始 string 支持了trim() 方法。
jQuery的三种bind/One/Live事件绑定使用方法
活在当下 乐在其中
01-05 708
1. bind/Unbind在jquery的事件模型中，有两个基本的事件绑 定函数，bind与unbind，这两个函数的含义就是匹配页面元素进行相关事件的处理。比如我们在JS中经常使用到的 onfocus，onblur，onmouseover，onmousedown等事件都可以作为bind的参数进行传递。$("#id").bind('click',function(){alert('tt!')})
【整】jquery $(document).ready() 与window.onload的区别
活在当下 乐在其中
01-05 622
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数不同 windo
【转】IE6、IE7、IE8、IE9兼容性问题解决办法
活在当下 乐在其中
08-25 277
【原】 iFrame 自适应高度解决不了的问题所在和解决办法
活在当下 乐在其中
04-23 276
mozilla firefox怎么卸载
最新发布
03-16
在Windows系统中，可以通过以下步骤卸载Mozilla Firefox： 1. 打开“控制面板”。 2. 点击“程序和功能”。 3. 在程序列表中找到Mozilla Firefox。 4. 右键点击Mozilla Firefox，选择“卸载”。 5. 按照提示完成...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值