深入理解border属性

 我来答
户如乐9318
2022-07-17 · TA获得超过6658个赞
知道小有建树答主
回答量:2559
采纳率:100%
帮助的人:139万
展开全部
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,就可以只显示左边的,实现一个直角三角形
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式