xcxd.net
当前位置:首页 >> Css圆角边框代码 >>

Css圆角边框代码

<html> <head> <title>css圆角效果</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{display:block;background: #FFF} b.rtop b,

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;} #xsnazzy h1 {font-size:2.5em; color:#fff;} #xsnazzy h2 {font-size:2em;color:#06a; border:0;} #xsnazzy p {padding-bottom:0.5em;} #xsnazzy h2 {padding-top:0.5em;} #xsnazzy

-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;

CSS3圆角只需设置一个属性:border-radius(含义是"边框半径").你为这个属性提供一个值,就能同时设置四个圆角的半径.所有合法的CSS度量值都可以

一般圆角框最好用背景图片实现,这样兼容性好,css也可以实现,不过有些限制,因为各个浏览器支持的标准不一样推荐你看一篇文章http://hi.baidu.com/%C2%E5%BA%D3%D6%AE%CB%AE/blog/item/0182b9608530864eebf8f8d1.html另外asp.net 的 ajax控件也有圆角框 RoundedCorners演示地址http://www.asp.net/AJAX/AjaxControlToolkit/Samples/RoundedCorners/RoundedCorners.aspx

<div style="width:300px; height:300px; border:2px solid green; border-radius:10%; overflow:hidden"></div>

直接复制过去用就可以了,<DIV id=Rounded_Corners2_by_Gene align=center><DIV id=t1 style="OVERFLOW: hidden; WIDTH: 238px;(t1); HEIGHT: 1px; BACKGROUND- COLOR: #666666"></DIV><DIV id=t2 style="OVERFLOW: hidden;

html文本框圆角边框css样式可以通过改变border-radius属性的值进行添加.border-radius值的单位可以使用“px”,也可以使用“%”,单位不同效果也不同.具体代码如下:<!doctype html><html><head> <meta charset="UTF-8"> <title>

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

border-radius:xxxx可以是像素值,也可以是百分比.具体看你的要求了.如果觉得不清楚,去W3school的css查看该属性的使用方法就可以了.希望能帮到你呀!

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