border-radiuns

css2 border-radius：用图片

css3 border-radius: firefox3.5+ safari3.0+ chrome 4.0+ opera 10.5+ ie 9+

w3c: border-radius:  <length>{1}：4角相等， <length>{2}交叉相等， <length>{3}右上左下相等 , <length>{1,4} / <length> {1,4} 前面水平半径，后面垂直半径

border-top-left-radius/border-top-right-radius/border-bottom-left-radius/border-bottom-right-radius: <length>  <length>

firefox4 safari5 chrome 10 opera 10.5 ie9




  -moz-border-radius-topleft: <length> <length> //左上角
  -moz-border-radius-topright: <length> <length> //右上角
  -moz-border-radius-bottomright: <length> <length> //右下角
  -moz-border-radius-bottomleft: <length> <length> //左下角
  -webkit-border-top-left-radius:  <length> <length> //左上角
  -webkit-border-top-right-radius:  <length> <length> //右上角
  -webkit-border-bottom-right-radius: <length> <length> //右下角
  -webkit-border-bottom-left-radius:  <length> <length> // 左下角
  border-top-left-radius: <length> <length> //左上角
  border-top-right-radius: <length> <length> //右上角
  border-bottom-right-radius: <length> <length> //右下角
  border-bottom-left-radius: <length> <length> //左下角





  
				


				
时间： 2024-07-29 18:34:26 

		


		


	

	
	

		


		
border-radiuns的相关文章


						

		

			

                HTML框架布局 - layout.border
			

		

		

									

				经常用到上下左右,中间填充满这样的布局,在java swing中有BorderLayout,HTML中通常使用CSS来实现布局,但要实现border layout这样的效果有些麻烦,很多第三方实现,比如easyui, extjs,功能过于强大,我只是想要一个简单的布局而已,于是自己写了个jquery布局插件,支持嵌套布局以及小功能,方便团队使用,项目地址:https://github.com/samsha/layout.border 简介 简单的布局效果,实现上下左右,中间充满的布局 依赖 需要			

		

	

				

		

			

                border:none;与border:0;的区别
			

		

		

									

				这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点: 一是理论上的性能差异二是浏览器兼容性的差异.1.性能差异 [border:0;]把border设为"0"像素虽然在页面上看不见,但按border默认值理解, 浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值. [border:none;]把border设为"none"即没有,浏览器解			

		

	

				

		

			

                outline与border的区别
			

		

		

									

				在浏览器里,当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候,该元素将会被一个轮廓虚线框围绕.这个轮廓虚线框就是 outline . outline 能告诉用户那一个可以激发事件的html元素获取了焦点,对钟爱键盘操作的用户尤其有意义.一个清晰悦目的outline设计能提高使用表单的用户体验. 另一方面,outline 也有些讨厌的地方,比如使用CSS设计的Tab(标签页)时,选择一个Tab之后,Tab上的轮廓虚线会一直显示,有些影响美观. CSS 的 outline 属性允许			

		

	

				

		

			

                CSS框模型以及maigin、border、padding属性
			

		

		

									

				一.框模型(Box Model) 在CSS中所有元素都是框,都有高度(height).宽度(width).内边距(padding).边框(border).外边距(margin)等属性.框模型规定了元素框处理元素内容.内边距.边框和外边距的方式. 元素框的最内部分是实际内容,向外依次是内边距.边框和外边距.外边距默认是透明的,因此不会遮挡其后的任何元素.内边距.边框和外边距都是可选的,默认值是0. 注意:背景应用于内容和内边距.边框组成的区域. 在CSS中,width和height指的是内容区域的			

		

	

				

		

			

                获取元素的属性-border问题
			

		

		

									

				var oborder=parseInt(getStyle(oLi[0],'border'))*2;alert(oborder0); 可以弹出border的值! oHeight=parseInt(getStyle(oLi[0],'height'))+oborder; oUl[i].style.height = oHeight*oLiLength+ 'px'; 这种情况无法将border的值和高度一起计算后赋值给其他属性.			

		

	

				

		

			

                table 如何给tr border颜色
			

		

		

									

				border-collapse属性值 说明 separate 默认值,边框分开,不合并 collapse 边框合并,如果相邻,则共用一个边框 table,th,td{border:1px solid gray} table{border-collapse:collapse;} 只有collapse才能设置border颜色 如下css为 .linktable{border-collapse: collapse;}.linktable tr{border-bottom: 1px solid #eee			

		

	

				

		

			

                利用border和border-radius绘制一些小图片
			

		

		

									

				大都知道border属性有四个参数,那么border-radius必然也是有四个参数 我们知道border属性的四个参数分别是border-top,border-right,border-bottom,border-left.(按顺时针方向) 那么border-radius四个参数是什么了? border-radius:上左,上右,下右,下左: 下面我们利用border-radius绘制一些大家平时常见的图片. 1.简单的圆形 <!DOCTYPE html> <html> <			

		

	

				

		

			

                WPF 通过Border来画边框
			

		

		

									

				WPF有自己的表格控件DataGrid.ListBox等,如果只是简单的需求,可以通过Border控件来画边框. 比如我们需要给上面的控件加上边框. <Window x:Class="WpfApplication5.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/win			

		

	

				

		

			

                css之border怎么写？
			

		

		

									

				一个border 有三个属性:了解 1).边框颜色:border-color:#000 2).边框厚度(宽度):border-width:1px 使用数字+单位设置边框厚度宽度,如1px(边框厚度宽度为1像素),边框必须为正数字,大于0的数值.否则设置边框border样式无效. 3).border边框样式:border-style:solid 简写:border:1px solid #000;  以后这么写 三个边有边一边没有边的设置技巧: 如左右下有边框并且样式为黑色1PX宽度实线边框,而上边			

		

	

				

		

			

                table中设置border的问题
			

		

		

									

				今天在修改table样式的时,想给tr加个border-bottom,一开始用的颜色比较浅,我还以为看电脑太久眼花,结果换了比较深的颜色后,border-bottom真的没有出来. 忽然想起在html代码中我给table设了内联样式:border="0",会不会是这个的原因,结果删去后还是不行,翻了下论坛,结果找到了答案. 将table设置样式: border-collapse:collapse; 然后就可以开始给我的tr元素设置border-bottom了.