Study 7 —— CSS美化背景和边框

图片透明度属性：opacity

背景图片重复属性：background-repeat背景图片位置属性：background-position                 background-postion:横坐标 纵坐标;                 background-postion:left center;                 background-postion:left top;                 background-postion:left bottom;

背景图片区域属性：background-origin: border | padding | content背景图片大小属性：background-size背景图片显示属性：background-attachment:scroll | fixed   /* 规定图片是固定还是随页面滑动(默认固定)*/

背景图片裁剪区域：background-clip: border-box | padding-box | content-box | no-clip背景复合属性：background: 背景颜色 背景图片 是否重复 图片位置 图片滚动;{background: background-color background-image background-repeat background-attachment              background-position background-size background-clip background-origin}

边框复合属性边框样式：{border-style: border-top-style border-right-style border-bottom-style border-left-style}边框颜色：{border-color: border-top-color border-right-color border-bottom-color border-left-color}边框线宽：{border-width: border-top-width border-right-width border-bottom-width border-left-width}边框复合：{border: border-width border-style border-color}

圆角边框属性：border-radius: none　| length两个圆角半径：border-radius: length/lengthborder-radius衍生属性:border-top-right-radiusborder-bottom-right-radiusborder-top-left-radiusborder-bottom-left-radius

图片边框{border-imgage: image (number | percentage) (stretch | repeat | round);}

转载于:https://www.cnblogs.com/vurtne-lu/p/7975930.html

Study 7 —— CSS美化背景和边框相关推荐

css样式之边框和内外边距
1.css样式之边框:border 实心的边框: <!DOCTYPE html> <html> <head> <meta http-equiv="c ...
【基础】CSS实现多重边框的5种方式
原文:[基础]CSS实现多重边框的5种方式简言目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性,但如果要兼容老的浏览器,则需要选择其它的方案.本文简要地列举了几种多重边框 ...
html多重边框，中间空白,【基础】CSS实现多重边框的5种方式
原文:[基础]CSS实现多重边框的5种方式简言目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性,但如果要兼容老的浏览器,则需要选择其它的方案.本文简要地列举了几种多重边框 ...
Jquery中css()方法获取边框长度
1. JQuery中可以使用css()方法获取块元素的边框宽度,如下: $("divMode").css("border-left-width");//左边框长 ...
[css] 判断如下边框的颜色，并解释为什么[代码]？
[css] 判断如下边框的颜色,并解释为什么[代码]? <p style="color: red;border: 1px solid;">给p设置border,但不给它 ...
php input框圆角样式,CSS如何实现边框圆角
CSS实现边框圆角需要用到CSS中的border-radius属性,下面我们就来看看CSS实现圆角边框的详细内容. 我们下来看一个没有圆角的边框实现代码这是一个框架效果如下: 接下来我们就来具体看 ...
corners边框_第11天｜16天搞定前端，CSS的圆角边框，让人赏心悦目
有人可能会疑惑,我为什么专门用一节内容来说边框和圆角.其实,不为别的,只为它们在开发中,在Web系统中,在手机页面中,太常用了.有边框的页面,让人耳目一新,一目了然:有圆角的内容,让人赏心悦目,心旷神 ...
CSS定义表格边框大全(细线/虚线/点线)
定义表格边框全部为1 边框颜色 #C7C7C7 .tb1{ border:1px solid #C7C7C7;} 定义表格边框左1 下1 左1 右1 (实际同上) 边框颜色 #C7C7C7 .td2 ...
CSS：设置边框和背景
应用边框样式边框基本设置首先简单介绍一下使用边框最常用的三个基本属性: 属性说明值 border-width 设置边框的宽度度量单位(em.px.cm等) border-color 设置边框 ...
html表格边框美化,CSS美化表格边框汇总与效果
用css美化表格边框1 2 3 4 5 6 7 8 9 ...

Study 7 —— CSS美化背景和边框

Study 7 —— CSS美化背景和边框相关推荐

最新文章

热门文章