用label绘制圆点
2016-04-18 10:14
155 查看
一般代码是这样写的
运行的效果为
![](http://img.blog.csdn.net/20160418101037931?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
但是我看到一个代码这样写居然也行,不知道为什么
运行的效果为
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> label { width: 10px; height: 10px; margin::0 6px; background: red; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; } </style></head> <body > <label></label> <label></label> <label></label> </body> </html>
运行的效果为
但是我看到一个代码这样写居然也行,不知道为什么
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> label { margin: 0 6px; padding: 9px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /* Fallback for web browsers that doesn't support RGBa */ background: #000; background-color: rgba(0,0,0,0.6); } </style></head> <body > <label></label> <label></label> <label></label> </body> </html>
运行的效果为
相关文章推荐
- MVCC 多版本并发控制
- svn的介绍
- Nginx+Resin实现高性能JAVA平台搭建
- JUnit----单元测试
- 算法导论 第22章 22.1-6(两种方法)
- 如何查看Android API文档
- 机器学习基石学习笔记(1)-PLA
- javascript !! 小技巧
- Toolbar的使用总结
- Struts2拦截器的使用
- Linux下vi/vim替换命令
- 使用FFMPEG合并视频
- 11-String to Integer (atoi)
- Windows 10四大版本官方对比:国人肯定专业版
- 一个简单web系统的接口性能分析及调优过程
- Linux输入子系统:多点触控协议 -- multi-touch-protocol.txt【转】
- js根据数据条数与每页多少条数据计算页数,js前端计算页数
- javaScript工厂模式分析
- 学好Mac常用命令,助力iOS开发
- 大数据下的逻辑回归训练模型方法论