Css的边框属性

最新推荐文章于 2024-04-30 10:10:01 发布

小扬同学的笔记

最新推荐文章于 2024-04-30 10:10:01 发布

阅读量1.9k

点赞数 1

文章标签： css css3 html

本文链接：https://blog.csdn.net/aibai666/article/details/121736962

版权

css常见的边框属性有border-style(边框类型) border-width(边框宽度) border-color(边框颜色)以及复合属性border

边框属性可以用来给内容创建边框当然也可以给表单属性自带的边框样式进行修改定义

如图所示，通过在表单标签中创建css样式达到对表单默认边框的修饰美化如果是纯文字也可以通过创建css样式到达边框的创建效果

如图所示，创建的是纯文字，但是通过设置css的边框样式使得该内容具有边框属性这里使用的是border-radius属性创建的圆角矩形边框这里的border-radius使用的是复合属性方法即定义一个数值使得四个边的效果一样

如果想单独设置四个边不同的属性值可以直接在border-radius中分别输入四个边不同的数值

.container{
   border-radius: 10px 5px 3px 0px
    
}
/*这四个值分别代表着四个不同的方向 从左到右依次为左上角 右上角 右下角 左下角*/

如图所示，我设置了618的那个logo的圆角矩形的边框值左上角和左下角的值都是0px 所以就没有应用圆角矩形的样式，还是默认的正方形边框

关注