Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我怎样才能用css3完成它?_Html_Css_Border_Box Shadow - Fatal编程技术网

Html 我怎样才能用css3完成它?

Html 我怎样才能用css3完成它?,html,css,border,box-shadow,Html,Css,Border,Box Shadow,如何使用css(框阴影和边框) 如何做到像图片一样。请给我一些建议,谢谢 谢谢将此添加到您的divs css -webkit-box-shadow: 0px 0px 121px -17px rgba(0,106,148,1); -moz-box-shadow: 0px 0px 121px -17px rgba(0,106,148,1); box-shadow: 0px 0px 121px -17px rgba(0,106,148,1); -webkit-box-shadow: inset 0

如何使用css(框阴影和边框) 如何做到像图片一样。请给我一些建议,谢谢


谢谢

将此添加到您的divs css

-webkit-box-shadow: 0px 0px 121px -17px rgba(0,106,148,1);
-moz-box-shadow: 0px 0px 121px -17px rgba(0,106,148,1);
 box-shadow: 0px 0px 121px -17px rgba(0,106,148,1);
-webkit-box-shadow: inset 0px 0px 103px -17px rgba(0,179,255,1);
-moz-box-shadow: inset 0px 0px 103px -17px rgba(0,179,255,1);
 box-shadow: inset 0px 0px 103px -17px rgba(0,179,255,1);

将此添加到您的divcss中

-webkit-box-shadow: 0px 0px 121px -17px rgba(0,106,148,1);
-moz-box-shadow: 0px 0px 121px -17px rgba(0,106,148,1);
 box-shadow: 0px 0px 121px -17px rgba(0,106,148,1);
-webkit-box-shadow: inset 0px 0px 103px -17px rgba(0,179,255,1);
-moz-box-shadow: inset 0px 0px 103px -17px rgba(0,179,255,1);
 box-shadow: inset 0px 0px 103px -17px rgba(0,179,255,1);

你也可以在下面的帖子中找到一些想法。你也可以在下面的帖子中找到一些想法。你也可以找到很多工具。。示例:您还可以找到许多用于此的工具。。例子: