10030---CSS圆角效果
2016-03-11 14:15
441 查看
<!DOCTYPE html> <html> <head> <style> div { text-align:center; /*中间对齐*/ font-size:30px; width:100px; /*宽度、行内高为100,圆角为50。刚好画出圆 */ line-height:100px; border-radius:50px; border:2px solid red; background:blue; } </style> </head> <body> <div>属性</div> </body> </html>
效果:
相关文章推荐
- CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法
- CSS布局中HTML标签元素分类
- css 动画 transition及animation
- CSS布局属性
- js、css、img等浏览器缓存问题的2种解决方案
- css优化篇
- 使用div+CSS将页脚始终控制在页面最下方的方法
- CSS颜色、长度值、字体
- CSS总结1
- CSS选择器类型
- CSS3--gradient
- 小css
- CSS3 transform-origin 属性
- CSS完成各种图形的制作
- css3 Transition动画执行时有可能会出现闪烁的bug
- DIV+CSS常见问题
- css3 transform 属性
- [转]CSS 表单元素对齐详解
- css实现移动端图片文字水平居中
- 【死记硬背】CSS常用属性和注意事项