border默认值,设置border

http://www.itjxue.com  2023-01-14 18:04  来源:未知  点击次数: 

深入理解border属性

1 .css属性是为了显示图文。

2 .边框设计的初衷可能是为了白底的图片和外面区分,所以加一个1px的边框就能看清

3 .边框一般不需要跟随设备变大而变大。

4 .所以其他属性outline,box-shadow,text-shadow也是这来原因而决定的.

1 .1px

2 .thin:1px

3 .medium:3px,默认值。主要是因为border-style:double。至少需要3px才生效

4 .thick:4px

1 .none:所以单纯设置border-width,border-color没有边框显示的原因. 1.5px solid #000 .默认样式是这样

2 .solid:实线

3 .dashed:虚线 :颜色区和透明区的比例所占的不一样,chrome是2:1,IE,火狐是3:1

4 .dotted:圆点边框

5 .double:双线板框。线框的表现还和宽度有关系,宽度不同最后的表现也不一样

6 .其他:inset(内凹),out(外凹),沟槽(groove),ridge(山脊)

1 .border-color默认颜色是color色值,如果没有指定边框颜色,就会使用color的颜色,outline,,box-shadow,text-shadow也是这样

1 .右下方background定位技巧.background定位的一个局限是只能根据左上角定位,而不能相对右下角.一个宽度不固定的元素,我们需要在距离右边缘50像素的位置设置一个背景图片

2 .增加点击区域大小:通过使用透明边框可以增加点击区域的大小

border:50px solid transparent;

3 .三角形绘制

1 .背景图片相对于background-image属性的位置

2 .border-box

3 .content-box

4 .padding-box

1 .center:居中图片

2 .top.left

1 .上面构造出来的全等三角形,其实是由两个直角三角形拼接成的。

2 .所以如果设置某一条边的宽度是0,就可以只显示左边的,实现一个直角三角形

html中border的默认值是多少

给“已报名的活动”所在的标签加个样式{position:relative; top:1px; border-bottom:1px solid #fff;} 这样就可以了,不过你这种写法不是很好

简单示例:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " "

html xmlns=" "

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

title无标题文档/title

style type="text/css"

*{ margin:0; padding:0;}

div{ height:30px; width:400px; margin:50px auto; border:1px solid #666; padding-top:5px; padding-left:5px;}

p{ width:150px;height:28px; border:1px solid #666; margin-right:10px; position:relative; top:1px; border-bottom:1px solid #fff;}

/style

/head

body

div

pfadsfdsa/p

/div

/body

/html

如果还不太清楚的话,去附件里面看下视频学习

css中margin、padding、border的默认值是多少

margin : auto | length

参数auto: 值被设置为相对边的值

参数length: 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。对于内联对象来说,左右外延边距可以是负数值。

padding : length

参数length:由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。

border : border-width || border-style || border-color

各参数属性是复合属性。请参阅各参数对应的属性。

(责任编辑:IT教学网)

更多

推荐其他WEB语言文章