达到的效果： 今天碰到这样一个需求，为带有圆角的框加一个角标。而且角标是圆角的。我真的不想切图，怎么办。突然想到css3可以实现条纹背景，那这不就可以了么 background: linear-gradient(45deg, transparent 50%, #61C4CF 0%); backgro ...
分类：
Web程序 时间：
2020-06-03 15:37:06
阅读次数：
233
原理 父级元素 relative，子元素 absolute，然后通过top、left、right、bottom来设置具体出现位置。 DOM结构 <div class="wrapper-dashed"> <div class="dashed"></div> </div> CSS样式 .wrapper- ...
分类：
Web程序 时间：
2020-05-31 16:15:29
阅读次数：
88
CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。本文收集了9款有用的开发工具推荐给大家。 CSS3 Pie 使用CSS3 Pie可以让IE6至IE9版本实现大多数的CSS3修饰特性，如圆角、阴影、渐变等等。 CSS3 Pie CSS3 ...
分类：
Web程序 时间：
2020-05-29 21:33:01
阅读次数：
105
边框属性 1 <style> 2 div{ 3 border-style: solid; 4 border-color: red; 边框颜色 5 border-width: 5px; 6 width: 200px; 7 height: 200px; 8 border: 10px solid char ...
分类：
Web程序 时间：
2020-05-25 00:25:39
阅读次数：
72
* 基本属性 id 位置x 位置y 宽度，高度 内边距 外边距 背景 上边框，下边框，左边框，右边框 边框宽度,边框颜色，圆角大小 点击样式 其他样式 文本框 wbk 文字大小 文字颜色 文字样式 对齐方式 编辑框bjk 拥有文本框的所有属性 输入类型 输入最大字数 最大行数 提示文字大小 提示文字 ...
分类：
其他好文 时间：
2020-05-23 00:44:38
阅读次数：
78
如果你在 border-radius 属性中只指定一个值，那么将生成 4 个 圆角。 但是，如果你要在四个角上一一指定，可以使用以下规则： 四个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。 三个值: 第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角 两 ...
分类：
其他好文 时间：
2020-05-21 13:18:25
阅读次数：
45
圆角矩形可以用为4个角分别设置圆度，但是有顺序的border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px; 简写方法 ...
分类：
Web程序 时间：
2020-05-18 14:25:22
阅读次数：
69
在本章中，我们将学习 Bootstrap 对图片的支持。Bootstrap 提供了三个可对图片应用简单样式的 class： .img-rounded：添加 border-radius:6px 来获得图片圆角。 .img-circle：添加 border-radius:50% 来让整个图片变成圆形。 ...
分类：
其他好文 时间：
2020-05-16 11:01:29
阅读次数：
79
本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式，具体如下表所示： 以下样式可用于<a>, <button>, 或 <input> 元素上： 下面的实例演示了上面所有的 ...
分类：
其他好文 时间：
2020-05-16 10:43:35
阅读次数：
52
现在我们要实现一个边框内圆角的效果，效果图如下所示： 第一反应肯定是用两个标签来实现，但是如果只用一层标签的话，可以实现么我们首次的构想可能是这样子的 div { outline: .6em solid green; max-width: 10em; border-radius: .8em; pad ...
分类：
Web程序 时间：
2020-05-10 19:25:38
阅读次数：
71
