方法:给inline-block元素的容器设置font-size: 0;inline-block的字体大小再另行设置即可。 css代码 1 .inline-block-box{ 2 font-size: 0; 3 border: 1px solid blue; 4 box-sizing: borde ...
分类:
其他好文 时间:
2017-08-10 13:44:12
阅读次数:
188
table表格 基本结构 table默认无边框(border) <table border="数值"> <tr> <th>表头</th> <th>表头</th> </tr> <tr> <td>单元格</td> <td>单元格</td> </tr> </table> table的属性 边框 borde ...
分类:
Web程序 时间:
2017-07-23 19:43:04
阅读次数:
221
1、利用device-pixel-ratio 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 //元素正常设置borde ...
分类:
移动开发 时间:
2017-07-09 10:46:50
阅读次数:
419
当你注意到一个有辨识度的特征在以固定的规律循环重复时,那它试图营造的自然随机性就会立刻崩塌。 CSS中使用质数,从而增加了随机的真实感。这个被alex walker定名为“蝉原则”。他最先提出了通过质数来着鞥家随机真实性的想法。这个方法不仅适用于背景,还可以用于其他涉及有规律重复的情况。 borde ...
分类:
Web程序 时间:
2017-06-22 12:03:11
阅读次数:
221
文件夹: 1、CSS凝视的书写 怎么写?优点? 2、CSS引入方式 各种的优缺点 3、选择器的写法与选择器的优先级 4、CSS命名规范 5、背景,行高 6、文本(text与font开头)等全部属性 ① CSS凝视书写规范: 1、单行凝视: 直接写在属性值的后面。如: ① .search{ borde ...
分类:
Web程序 时间:
2017-06-14 12:57:47
阅读次数:
153
IE6下border-bottom不起作用? 在IE6下,border-bottom:1px solid #000 不起作用,但border:1px solid #000 其作用。 (经过测试,对于borde-top也有效) 解决方案: 为了使得border-bottom:1px solid #CC ...
分类:
其他好文 时间:
2017-05-01 17:04:18
阅读次数:
127
CSS的盒模型描述了一些长方形盒子,这些长方形盒子被用来表示文档树中的元素,并根据视觉格式化模型进行定位。 1. 盒子的尺寸 每个盒子都有一个content区域(比如文本、图片等)和可选的包围content区域的padding、borde、margin区域。这些区域的大小由下面定义的属性决定。下图这 ...
分类:
Web程序 时间:
2017-04-21 21:41:41
阅读次数:
247
1、实现评论页面的制作 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #outside{ width: 1000px; margin: 0 auto; borde ...
分类:
Web程序 时间:
2017-04-17 00:20:00
阅读次数:
399
众所周知,IE7,8不支持border-radius效果。但我们同样有办法用css实现这个效果,方法就是用border来模拟。 vw单位可能大家用的比较少,因为这个单位是IE9+才支持,所以现代浏览器直接把边框设为0vw,就表示无边框,直接使用border-radius,而IE7,8则使用borde ...
分类:
Web程序 时间:
2017-04-03 17:09:35
阅读次数:
249
前言:网上最普遍的实现三角形的方法,就是通过控制border来实现,那为什么可以呢? 原理 我们先来看看border的表现形式。 #box{ width:100px; height:100px; background:yellow; border-top: 20px solid red; borde... ...
分类:
其他好文 时间:
2017-03-10 15:00:49
阅读次数:
282