style="transform:
scale(5,5)"
type="radio"
/>
css代码效果为,把input
radio放大5倍,同理,这个放大属性可用在input
checkbox上。
但使用时需注意兼容性!
这个是css写的,你可以用浏览器插件看到它的css,ie中的叫”开发人员工具“,chrome和火狐中的叫firebug。不过现在很多前端框架,都”重写“的html中的控件,实际上是用图片、css和js来模拟html中原有的那些控件。
<div style="width:100pxheight:100pxborder:1px solid redborder-radius:50pxline-height:100pxtext-align:centercolor:red">设计师
</div>
要做一个圆圈,首先要做一个正方形的div,然后加上border边框,边框要用border-radius圆角,当圆角像素等于div长宽的一半时,就变成了一个圆形边框
中间的文字用line-height和text-align上下左右居中
还有那个箭头应该是图片来的,可以当背景图片插入,这个我就不写了