border-radius 圆角矩形
来源:互联网 发布:sony vegas mac 编辑:程序博客网 时间:2024/06/01 13:40
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>div{width:100px;height:100px;border:1px solid red;margin:10px;float:left;text-align:center;}div:nth-of-type(1){border-radius:10px/10px;}div:nth-of-type(2){border-radius:15px;}div:nth-of-type(3){border-radius:15px 15px 0 0;}div:nth-of-type(4){border-radius:15px 0 15px 0;}div:nth-of-type(5){border-radius:5px 15px 0 15px;}div:nth-of-type(6){border-radius:50%;}div:nth-of-type(7){border-radius:50px;}img{border:3px solid #ccc;border-radius:50%;}div:nth-of-type(8){border-radius:50%;height:50px;}div:nth-of-type(9){border-radius:100px 100px 0 0;height:50px;}div:nth-of-type(10){border-radius:100px 0 0 0;}div:nth-of-type(11){border-radius:100px 0 0 0;height:50px;}div:nth-of-type(12){border-radius:100px 0 100px 0;}</style></head><body><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><img src="云课堂/image/10.jpg"/><div>8</div><div>9</div><div>10</div><div>11</div><div>12</div></body></html>
0 0
- border-radius 圆角矩形
- 矩形的圆角属性 border-radius
- border-radius与圆角
- border-radius 圆角半径
- css让图片变成圆角矩形 border-radius: 15px;
- border-radius圆角边框 正圆
- CSS3之边框圆角:border-radius
- CSS3的圆角Border-radius
- CSS3的圆角Border-radius
- CSS3之圆角border-radius
- border-radius 圆角边框(CSS3.0)
- css3.0:border-radius 圆角边框
- CSS3 圆角属性 border-radius
- CSS3圆角详解:border-radius
- css3:border-radius圆角边框详解
- CSS3圆角详解:border-radius
- 【CSS3】---圆角效果 border-radius
- 【CSS3】圆角效果 border-radius
- 连续ping IP地址 shell脚本【来自《鸟哥linux的私房菜》】
- Android Canvas 说明
- JVM运行时是什么样子?
- [Leetcode]Search a 2D Matrix II
- Linux下进程间通信方式
- border-radius 圆角矩形
- retrofit2.0转换String 报错修复
- java.net.BindException: Cannot assign requested address解决之道
- Servlet:JSP理解
- linux非专业常用命令
- 参数 of jQuery.ajax()
- spark task启动
- Linux设备驱动之mmap设备操作
- C同学的工作笔记 mac下android ndk环境搭建