border是围绕元素内容和内边距的一条或多条线，border 属性允许你规定元素边框的样式、宽度和颜色 值： border-width 粗细 none/hidden/solid/dashed/dotted border-color 颜色 默认颜色是字体颜色 border-style 类型 可以综合 ...
分类：
其他好文 时间：
2020-06-04 19:36:26
阅读次数：
69
一、渐变（gradient） 1.1 关于渐变 渐变表示从一种颜色平滑的过度到另一种颜色。它是图片<image>类型的一种，但是渐变类型图片没有尺寸，也没有长宽比。它的尺寸取决于被应用的场景，比如作为元素的背景图片时，其大小取决于元素的background-size，当用作list-style-im ...
分类：
Web程序 时间：
2020-06-03 23:22:54
阅读次数：
74
简言 本文简要阐述了用CSS边框的方法在页面上绘制三角形，包括几种典型的三角形绘制，还介绍了几个简单的应用场景。利用边框绘制三角形方法只是众多方案中的一种，大家根据项目实际，选用最适宜项目的方案。 1 基本原理 在CSS中，我们可以利用border-top、border-left、border-bo ...
分类：
Web程序 时间：
2020-06-03 23:10:47
阅读次数：
65
因为我不喜欢背公式，希望自己能找到比较容易理解和推理的记忆方式吧，很早就感觉CSS3渐变的属性组成不太好记忆，所以今天终于挖了这个坑，其实也没什么很特别的，嘻嘻，如果有错误欢迎提出。 基本用法 我们一般都是在添加background的时候会用到这个渐变效果，渐变效果分为linear-gradient ...
分类：
Web程序 时间：
2020-06-03 21:59:24
阅读次数：
77
使用的时候引用一下jquery.js 具体代码如下： <div class="tablebox clearfix"> <table id="tableId" class="cui-table tbg" border="0" cellspacing="0" cellpadding="0" style= ...
分类：
Web程序 时间：
2020-06-03 20:30:44
阅读次数：
178
方法1 首先使用一个wrap包住左侧栏和中间栏，再用一个大的wrap包住左中右三个栏。 如下面代码所示 <div class="fuwrap"> <div class="ziwrap"> <div class="left"> 这是左边栏 </div> <div class="middle"> 这是中 ...
分类：
其他好文 时间：
2020-06-03 20:18:40
阅读次数：
71
线性渐变 linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet)linear-gradient(指定渐变方向, 颜色的起点，颜色的结束) 文本溢出于省略标记 text-overflow:ellipsis; （溢出文本 ...
分类：
Web程序 时间：
2020-06-03 20:13:04
阅读次数：
113
<html> <head> <title>Test</title> </head> <body> <div id="div1" style="border:1px solid red; width:500px; position:relative; height:500px;"> 1111111 < ...
分类：
其他好文 时间：
2020-06-03 17:12:44
阅读次数：
201
简言 目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性，但如果要兼容老的浏览器，则需要选择其它的方案。本文简要地列举了几种多重边框的实现方案，大家可以根据项目实际及兼容性要求等情况，选择最适合的实现方案。 1 利用描边(outline)属性 方案1利用描边(outline) ...
分类：
Web程序 时间：
2020-06-03 15:43:19
阅读次数：
68
达到的效果： 今天碰到这样一个需求，为带有圆角的框加一个角标。而且角标是圆角的。我真的不想切图，怎么办。突然想到css3可以实现条纹背景，那这不就可以了么 background: linear-gradient(45deg, transparent 50%, #61C4CF 0%); backgro ...
分类：
Web程序 时间：
2020-06-03 15:37:06
阅读次数：
233
