不过做图表的特效倒是有，和你给的不太一样
你看看这个是不是你想要的效果
http://hci.stanford.edu/jheer/files/zoo/ex/networks/force.html
下面是合集地址
http://queue.acm.org/detail.cfm?id=1805128
你好，看这个简单的html代码，你就明白了，样式就是表示“外观”，而html样式就是“使html页面显示达到一定效果”的辅助代码或文件。比如这段代码里，<style>...</style>中间的内容就是html样式，它是为了实现使当前页面中id值为myLink的元素，在鼠标移动到上面时显示黄色背景，而鼠标离开时显示白色背景，就是这样。
<html>
<head><title>主页</title>
<style>
#myLink:hover{background:yellow}
#myLink:out{background:white}
</style>
</head>
<body>
<a id="myLink" href="hi.baidu.com/lylegend13">我的百度空间</a>
</body>
按照图中的效果，可以判断出边框为虚线，且外圈没有边框。示例如下：
HTML代码：
<ul><li>纸尿裤</li>
<li>奶粉</li>
<li>儿童羽绒服</li>
<li>婴幼服饰</li>
<li>洗护喂养</li>
<li>车床寝居</li>
<li>玩具文具</li>
<li>妈咪专区</li>
<li>男童装童鞋</li>
<li>女童装童鞋</li>
</ul>
CSS代码：
ul, li{box-sizing: border-box
padding: 0
margin: 0
}
ul{
width: 200px
font-size: 0
}
li{
font-size: 14px
display: inline-block
width: 50%
height: 28px
line-height: 28px
text-align: center
border-bottom: 1px dashed #ccc
}
li:nth-child(odd){
border-right: 1px dashed #ccc
}
li:nth-child(n+9){
border-bottom: none
}
浏览效果：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）