当前位置:   article > 正文

[workingNotes]使用html5画实心圆的两种方法_实心圆圈js样式是什么

实心圆圈js样式是什么

一个很简单的任务,搞了三天。关键是对项目上使用的extjs不熟悉,本来想通过其监听器listener:  afterlayout和afterrender,调用js来渲染画出实心圆,但是对页面加载顺序没有搞清楚,导致每次只有调整浏览器大小,强制页面渲染,才能显示出来效果。


记录一下通过html中的css或者js来实现实心圆的两种方法:


1. css实现

直接通过下列css代码即可完成:

<span style="white-space:pre">	border-radius:50%; </span>
</pre><pre name="code" class="css"><span style="white-space:pre">	width:13px; </span>
<span style="white-space:pre">	height:13px;</span>
<span style="white-space:pre">	background:</span>#008000;

添加到css中或者直接使用html的style属性即可。 注意:background表示颜色,不能使用color


声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/96944
推荐阅读
相关标签
  

闽ICP备14008679号