首页 > 代码库 > div border-radius
div border-radius
可以画个1/4之一的圆也可以画整个圆
<html><style type="text/css">div{ background-color: #000; width: 100px; height: 100px; border-radius: 50px; position: absolute;}#half{ background-color: #fff; width: 50px; height: 50px; top: 1px; left: 1px; position: absolute; border-radius: 50px 0 0 0 ;}</style><body> <div> <div id="half"></div> </div></body></html>
效果:
也可以画个半圆
<html><style type="text/css">body{ background-color: #f00;}div{ content: ""; position: relative; left: 200px; width: 200px; height: 400px; border-radius: 0px 200px 200px 0px; background-color: #fff; display: block;}</style><body> <div></div></body></html>
说明:后者将替换前者,很正常,健值只能有一个。但如果使用的是array_merge_recursive()则可保留,并作一个子数组存在。如:
<?php header(‘Content-type: text/html; charset=utf8‘); $book1 = array(‘linux‘=>‘linux服务器配置与管理‘,‘php‘=>‘PHP程序设计‘); $book2 = array(‘linux‘=>‘服务器配置与管理‘,‘jsp‘=>‘PHP‘); $result = array_merge_recursive($book1,$book2); print_r($result); //Array ( [linux] => Array ( [0] => linux服务器配置与管理 [1] => 服务器配置与管理 ) [php] => PHP程序设计 [jsp] => PHP )?>
2、如果这两个数组中有相同的数值键名:
<?php header(‘Content-type: text/html; charset=utf8‘); $book1 = array(‘linux服务器配置与管理‘,‘PHP程序设计‘); $book2 = array(‘服务器配置与管理‘,‘PHP‘); $result = array_merge($book1,$book2); print_r($result); //Array ( [0] => linux服务器配置与管理 [1] => PHP程序设计 [2] => 服务器配置与管理 [3] => PHP )?>
这时,如果数组中包含相同的数字键名,则后面的不会覆盖前面的值,而是后面的键值按顺序依次增加,附在后边。
div border-radius
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。