![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端-CSS
LuckyJiang.2021
把不可能当做过去,把可能写在今天。
展开
-
CSS设置DIV背景色渐变显示
.linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE*/ background:-moz-linear-gradient(top,#b8c原创 2013-09-30 12:52:40 · 14369 阅读 · 1 评论 -
CSS实现文字随屏幕变化
ÎÄ×Ö²âÊÔ¹þ¹þ ÎÄ×Ö²âÊÔÎÄ×Ö²âÊÔÎÄ×Ö²âÊÔÎÄ×Ö²âÊÔÎÄ×Ö²âÊÔÎÄ×Ö²âÊÔ*{margin:0;padding:0;border:0;}html,body{font:14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif原创 2016-01-24 13:30:58 · 6287 阅读 · 0 评论 -
CSS实现鼠标聚焦时边框不变,框内图片放大
div{ cursor: pointer; width: 130px; height: 130px; position: relative; overflow: hidden; } img{ border: 0 none; vertical-align: middle; } .mask{ height: 100原创 2015-12-26 23:02:00 · 5205 阅读 · 0 评论 -
D3实现的ChinaMap
中国地图 var width = 1000; var height = 1000; var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform",原创 2015-12-26 23:07:46 · 1244 阅读 · 0 评论 -
D3实现TREE树状图
树状图 .node circle { fill: #fff; stroke: steelblue; stroke-width: 1.5px;}.node { font: 12px sans-serif;}.link { fill: none; stroke: #ccc; stroke-width: 1.5px;} var wid原创 2015-12-26 23:09:49 · 5002 阅读 · 0 评论