css border相关属性设置

2025-07-20 16:57:58

1、bor蟠校盯昂der设置边框颜色和边框粗细border-color:red;设置四个边框的颜色,等价于:border-color:redred red red;这四个位置分别是 上 右 下 左边框粗细border:5px solid red;四个边框大小5px 红色实线border:1px dashedred ;四个边框大小1px 红色虚线border有border-top ,border-bottom,border-left, border-right四个分类属性

css border相关属性设置
css border相关属性设置

2、bor蟠校盯昂der-radius怎么设置只有一部分显示圆角,border-radius有四个属性上下左右,只有按阖嚏逵藩照位置属性设置,就可以实现想哪边圆,哪边就圆;border-radius:10px代表着这四个属性 border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px;

css border相关属性设置
css border相关属性设置

3、border怎么设置阴影效果阴影效果有两种内阴影box-shadow: inset 0px 0px 7px #e7e3ff;外阴影box-shadow: 0px 0px 7px #e7e3ff;box-shadow后面四个参数第一个属参数:必需。水平阴影的位置。允许负值。第二个参数:必需。垂直阴影的位置。允许负值。第三个参数:可选。阴影的尺寸。第四个参数:可选。阴影的颜色。其中inset代表将外部阴影 (outset) 改为内部阴影。

css border相关属性设置
css border相关属性设置

4、设置边框的宽度,用border-width5个参数选择thin定义细的边框。medium默认。定义中等的边框。thick定义粗的边框。length允许您自定义边框的宽度。inherit规定应该从父元素继承边框宽度。border-width:同样支持上下左右设置属如下图所示:

css border相关属性设置
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢