【第22期】观点:IT 行业加班,到底有没有价值?

用CSS实现圆角框

转载 2006年05月19日 14:42:00

<html>
<head>
<title>css圆角效果</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<style type="text/css">
div.RoundedCorner{background: #9BD1FA}
div.rtop, div.rbottom{display:block;background: #FFF}
div.rtop div, div.rbottom 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, div.rbottom div.r4{margin: 0 1px;height: 2px}
</style>
</head>
<body>
<div class="RoundedCorner">
<div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
<br/>无图片实现圆角框<br/><br/>
<div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
</div>
</body>
</html>

举报

相关文章推荐

css用边框实现圆角矩形

今天要做一个圆角矩形的按钮,于是直接找圆角矩形的css实现方式,搞了半天,虽然也实现效果了,但是很复杂,需要用很多代码,后来突然想到以前做过的一个边框效果,也是圆角矩形,于是找了出来,发现这种办法相当...

如何使用 CSS3 添加圆角圆角文本框

通过使用 层叠样式表 (CSS),级别 3 (CSS3) 为布局元素生成圆角,可以美化网站的外观。 本主题演示了通过使用 Windows Internet Explorer 9 中的新圆角内置支持让您...

程序员升职加薪指南!还缺一个“证”!

CSDN出品,立即查看!

css和图片如何实现圆角边框

圆角框,因为其样式比直角框漂亮,所以成为设计师心中偏爱的设计元素。现在的web标准下大量的网页、博客都采用圆角框设计,成为一道亮丽的风景线。 然而,就是这个圆角,却成为了网页前端人员心中永远抹之不去...

CSS3 border-radius实现边框圆角

border-radius实现边框圆角   这是css3的属性 border-radius:3px; -webkit-border-radius:3px; -moz-border-radius...

纯CSS制作圆角矩形框知识总结

在制作后台登录页的时候,需要从网页上面把那个圆角矩形框选取下来,然后通过Photoshop进行切割,在进行设置,最后得到需要的登录框的圆角矩形框。如下图。     但是登录最新的智囊团的那个...

圆角文本框 CSS3

进入人人小站发现了个挺好看的文本框,圆角的,原来是利用了CSS3的效果,不过暂时只有IE9 和FF浏览器支持。                 .input-text   ...

css设置div圆角

昨天去面试,面试官一上来就开始问技术方面的问题,感觉很糟糕,很多知识点只记得大概,其中面试官提到怎么设置div文圆角,当时我就蒙了,虽然我是做后台的,之前听过说把按钮设置成圆角,但那都是前台的处理,也...

CSS实现 边框的圆边圆角

圆边圆角CSS代码: #divcss5 h1, #divcss5 h2, #divcss5 p {margin:0 10px;  letter-spacing:1px;} #divcss5 h1 {f...
  • dyp330
  • dyp330
  • 2014-11-26 14:29
  • 1374

CSS实现按钮或文本框圆角效果

CSS实现按钮或文本框圆角效果,代码如下:     border-radius:4px;

CSS 图片 实现圆角边框

如何用图片实现圆角边框呢?原理就是通过CSS的background: #FFF url('bg_box_green_800x800.gif') 100% 100% no-repeat;为多个对象设置背...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)