标签:项目 margin top 第三周 width stroke 实训 background border
在导入完成所有的js脚本后,我们就可以使用sigma.js插件的相关功能了,首先我们要定义一个显示的区域
<div id="container">
<style>
*{
border: none;
margin: 0;
}
.top{
position: fixed;
top: 0;
height: 54px;
width: 100%;
background-color: rgb(155,13,20);
padding: 10px 30px;
}
.headPic{
float: left;
width: 50px;
height: 50px;
border: 2px solid #e5e5e5;
border-radius: 50%;
/*background: url(未标题-1.png) no-repeat 0 0;*/
/*background-size: cover;*/
/*margin: 10px 10px;*/
}
.headPic #h-avatar{
width: 100%;
border-radius: 50%;
}
.top #ID{
float: left;
color: #fff;
margin-left: 30px;
font-family: "Microsoft YaHei UI Light";
}
#graph-container {
margin-top: 74px;
width: 100%;
height: 680px;
background-color: #e5e5e5;
}
.sigma-edge {
stroke: #de360f;
stroke-width: 0.7px;
}
.sigma-node {
stroke: #9eadbf;
stroke-width: 0px;
}
.sigma-node:hover {
fill: #ff0000;
}
.muted {
fill-opacity: 0.1;
stroke-opacity: 0.1;
}
</div>
标签:项目,margin,top,第三周,width,stroke,实训,background,border 来源: https://blog.csdn.net/weixin_43609030/article/details/118885117
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。