krfs.net
当前位置:首页 >> Css边框样式变圆 >>

Css边框样式变圆

border-radius:像素CSS3里面 这个是圆角属性,但是最主流的IE浏览器都不认识,所以LZ还是放弃吧.处理圆角一般采用两种方式1、一个是PS切圆角,然后作为背景图片放到页面中.2、第二个就是采用一个累计效果,也可以定义出圆角.这里有个例子:http://zhidao.baidu.com/question/128969067.html下面也有我的回答,LZ感兴趣可以研究研究,很简单.

假设元素是div,每个角的半径是10pxdiv{border-radius:10px 10px 10px 10px;}

border-radius:5px;但是ie不支持这个属性,所以现在一般的做法是做一张圆角的背景图片

border-radius属性可以实现元素的圆角.如下css可以实现文本框(单行、多行)的圆角:input[type=text],textarea{border-radius:3px;border:1px solid #000;} border-radius用法如下:border-radius 属性是一个简写属性,用于设置四个 border-*-

css3属性 border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;当然这个是不兼容ie9以下的,所以可以找一个border-radius.htc文件,里面是js代码用来兼容旧的IE css中添加 behavior: url(border-radius.htc);

用图片来表现圆角边框就行.硬要用代码实现圆角边框,就向楼上那样,把DIV弄成1像素高一层一层的铺吧.页面会产生很多没用的,无语义的盒子.

上面这位兄台你的回答是COPY的吧,没有讲到重点不说,洋洋散散那么多字都是多余的,我给你写一句简单的代码.CSS代码:<style>#myDiv {border-radius: 4px; /*这句就是重点,让边框变为圆角*/border: 1px solid #CCC; /*让边框变为1px

你看到一些网站的椭圆边框不是用css样式写出来的.而是先制作椭圆边框(图片格式),然后再用背景图片的方式贴上去.http://hi.baidu.com/leishengqing

纯CSS做的复制代码保存为网页文件即可圆角外是透明的,不受下层背景色影响给你做了有边框和无边框的两个算法,好好研究下就明白<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/"><html

用图片: 1,用圆角图片做背景.缺憾是不能自适应宽度和高度,而且需要修改颜色的话就需要修改图片的颜色. 2,用上下两张图片做背景,上面的圆角用一张图片,下面的也用一张图片,可以自适应高度.而宽度就取决于该张图片的宽度.

网站首页 | 网站地图
All rights reserved Powered by www.krfs.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com