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;

转载于:https://www.cnblogs.com/ensoul/p/8990916.html

css学习----边框属性相关推荐

  1. css样式lighter的意思,css常用的属性

    CSS------属性值篇 display: none | block | inline(默认值) | inline-block(css2新增) | inherit none :此元素不会再显示 {注 ...

  2. DIV+CSS虚线边框|CSS虚线下划线及虚线列表教程

    DIV CSS虚线教程篇包括讲解常常出现的各种样式的DIV虚线案例CSS教程. 本节为大家介绍常见的CSS 虚线及DIV教程.CSS虚线下划线.列表虚线统统搞定. 目录 CSS虚线边框 CSS超链接虚 ...

  3. css修饰边框为虚线,css如何设置虚线边框css虚线样式?css设置虚线边框的方法示例...

    首页 >web前端>css教程>正文 css如何设置虚线边框?css设置虚线边框的方法示例 原创2018-10- 在网页布局中,有时候为了整体网页的美观可能需要设置虚线边框,那么虚线 ...

  4. CSS学习笔记(六)边框属性与盒子属性

    文章目录 一.边框属性 二.内边框属性 三.外边框属性 四.盒子模型 五.盒子box-sizing属性 六.盒子模型练习 七.盒子居中和内容居中 八.清空默认边框 九.行高和字号 十.还原字体和字号( ...

  5. 【温故知新】CSS学习笔记(盒子边框介绍)

    CSS盒子边框 CSS中其实就三个大模块:盒子模型.浮动.定位. 其中所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个装内容的容器,每个矩形都由元素的内容.内边距(padding ...

  6. HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】

    w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...

  7. jQuery 从零开始学习 (三) 属性与css样式

    一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言 无论是通过选择器选取对象, 或者从包装集中删除,过滤元素. 本章将 ...

  8. Html中的边框弧边,CSS边框属性一---border-radius

    1.CSS outline 属性 outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. p { outline:#00FF00 dotted thick; } ...

  9. css 科技 边框_一篇文章带你学习CSS3图片边框

    这篇文章我们来讲一下在网站建设中,一篇文章带你学习CSS3图片边框.本文对大家进行网站开发设计工作或者学习都有一定帮助,下面让我们进入正文. 使用CSS3 border-image 属性,你可以在元素 ...

  10. CSS 外补白(Margin) 内补白(Padding) 边框属性 定位(positioning)属性 布局(layout)属性

    CSS 布局(Layout) Properties 属性 CSS Version 版本 Inherit From Parent 继承性 Description 简介 display CSS1/CSS2 ...

最新文章

  1. python arg, *arg,**kwargs用法区别
  2. [Voice communications] 让音乐响起来
  3. python导包顺序_2019-03-21 python导入包以及Python程序执行顺序理解
  4. 如何自学Android--转
  5. 概率统计:第二章 随机变量及其分布
  6. canvas的特别棒的feature:badge!!!
  7. [Java,MVC] Eclipse下搭建Spring MVC
  8. 算法有偏见?总比人类识别强吧!
  9. xmpp协议框架包介绍:org.xmpp.packet.Packet+JID+PacketInterceptor+Session
  10. iPhone清理喇叭灰尘_iphone正确清理扬声器灰尘的方法
  11. Go 语言十年而立,Go2 蓄势待发
  12. 从上千篇投稿脱颖而出,这5篇大数据论文凭什么征服KDD评委?
  13. 下面属于python内置对象的有哪些_Python内置对象实现的方法及注意事项
  14. 禁止VirtualBox同步Guest系统的时间
  15. 10.03今日暂时停更博客
  16. 惠新宸:我也曾经是“不适合”编程的人(图灵访谈)
  17. c语言飞机订票系统作用,C语言飞机订票系统方案
  18. DSP eQEP正交编码
  19. CommonAPI新版本配置
  20. 邮件实现详解(一)------邮件发送的基本过程与概念

热门文章

  1. 本周leetcode刷题总结!(二叉树)
  2. Tuxera NTFS 2020.2 for Mac 磁盘格式读写
  3. macOS Monterey兼容哪些Mac电脑?
  4. 如何在“活动监视器”中检查Mac是否需要更多内存?
  5. 前馈神经网络开山鼻祖---一些概念
  6. 细心微服务架构的优势与不足那点事
  7. HDU 3911 Black And White(线段树区间合并+lazy操作)
  8. jquery.cookie 插件使用方法
  9. 在SQUIRREL中使用PHOENIX操作HBASE——创建表和视图
  10. eclipse无法启动的各种解决方法