box{ width: 0px; height: 0px; border: 100px solid; border top color: red; border right color: transparent; border bottom color: transparrent; border l ...
分类：
Web程序 时间：
2019-11-25 20:38:45
阅读次数：
81
box{ width: 100px; height: 200px; background: pink; padding: 100px; border: 80px solid; background image: url("img/1.png"); //默认 background origin: pa ...
分类：
其他好文 时间：
2019-11-25 20:33:51
阅读次数：
62
小图展示大图 1 <style> 2 *{margin:0;padding:0;} 3 ul,ol{list-style:none;} 4 #box { 5 position:relative; 6 margin:100px auto; 7 border:1px solid #ccc; 8 widt ...
分类：
其他好文 时间：
2019-11-25 15:21:53
阅读次数：
65
弹幕小效果 <style type="text/css"> *{ margin: 0; padding: 0;} #box{ width: 542px; height: 330px; border: 3px solid goldenrod; margin-left:300px;} #btm{marg ...
分类：
其他好文 时间：
2019-11-25 11:34:40
阅读次数：
54
阅读 "《clean architecture》" 也花了较长的时间，大致也了解到整洁的架构要做到以下两点： well isolated components：component是独立部署的最小单元，由一系列遵循SOLID原则的module按照REP、CCP、CEP原则组成。 dependency ...
分类：
其他好文 时间：
2019-11-24 13:53:17
阅读次数：
63
用css画矩形圆角 ，需要使用到border-radius这个属性，下图四角圆，代码显示如下：border-radius:60px; width:360px; height:200px; border:#900 1px solid;margin:20px 20px; 也可以通过控制border-ra ...
分类：
Web程序 时间：
2019-11-24 09:30:02
阅读次数：
359
标准盒模型（W3C盒模型） 为了做对比，我打算让两个盒子的css样式一样； .w3c{ width: 100px; height: 100px; padding: 5px; margin: 5px; border: 5px solid black; background: lightcoral; } ...
分类：
其他好文 时间：
2019-11-23 18:36:51
阅读次数：
133
1.背景透明 .detail input{ background-color:transparent; color: #00c7ff; border:1px solid #00c7ff; } 2.修改字符背景透明 .detail input:focus { background-color:tran ...
分类：
Web程序 时间：
2019-11-23 09:16:10
阅读次数：
97
1.网上比较通用的画利用正方形的border画三角形： .arrow{ width:0; height:0; border: 10px solid transparent; border-top-color: orange; position:absolute; content:''; } 在火狐浏 ...
分类：
Web程序 时间：
2019-11-21 17:00:06
阅读次数：
117
如上图所示：要实现这样一个切掉一角的边角。 思路就是：先用一个跟背景类似的一块区域盖住那个角，然后再画一条线，接在缺口处。 css代码： .bian{ height:200px; width:500px; position:relative; border:2px solid #6ca2f6; ba ...
分类：
Web程序 时间：
2019-11-21 16:55:11
阅读次数：
279
