分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

css学习----边框属性

发布时间:2023-09-06 01:52责任编辑:董明明关键词:暂无标签

CSS 边框属性

参考手册:http://www.runoob.com/css3/css3-borders.html

边框属性有三个

  • border-radius--------------------------处理边框圆角
  • box-shadow----------------------------处理边框阴影
  • border-image--------------------------在使用图片创建边框:

border-radius:length(或者百分比)---简写统一设置四个角

每个半径的四个值的顺序是:左上角,右上角,右下角,左下角。如果省略左下角,右上角是相同的。如果省略右下角,左上角是相同的。如果省略右上角,左上角是相同的。

参考网址:http://www.runoob.com/css3/css3-border-radius.html

分开设置:

  border-top-left-radius:2em;
  border-top-right-radius:2em;
  border-bottom-right-radius:2em;
  border-bottom-left-radius:2em;

box-shadow: h-shadow v-shadow blur spread color inset;

border-image: source slice width outset repeat|initial|inherit;

css学习----边框属性

原文地址:https://www.cnblogs.com/ensoul/p/8990916.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved