css怎么实现悬浮效果的阴影

　　介绍

这篇文章主要介绍了css怎么实现悬浮效果的阴影,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

要实现的效果图:

css怎么实现悬浮效果的阴影

实现的代码:

-webkit-box-shadow: 0 px  3 px  3 px  # c8c8c8 ; 　　-moz-box-shadow: 0 px  3 px  3 px  # c8c8c8 ; 　　不必:0 px  3 px  3 px  # c8c8c8 ;

整个页面的代码:

& lt; ! DOCTYPE  html 比; 　　& lt; html> 　　& lt; head> 　　,,,,,,,& lt; meta  http-equiv=癈ontent-Type",内容=皌ext/html;, charset=utf-8",/比; 　　,,,,,,,& lt; meta  name=皏iewport",内容=翱矶?设备宽度,初始=0.0,,user-scalable=不,,最小规模=1.0,最大范围=1.0“,/比; 　　,,,,,,, 　　,,,,,,,& lt; style> 　　,,,,,,,,,,,.search  { 　　,,,,,,,,,,,,,,,身高:,46 px; 　　,,,,,,,,,,,,,,,边界:,1 px  solid  # F0F1F1; 　　,,,,,,,,,,,,,,,这个特性:,25 px; 　　,,,,,,,,,,,,,,,保证金:,0,20 px; 　　,,,,,,,,,,,,,,, 　　-webkit-box-shadow: 0 px  3 px  3 px  # c8c8c8 ; 　　-moz-box-shadow: 0 px  3 px  3 px  # c8c8c8 ; 　　不必:0 px  3 px  3 px  # c8c8c8 ; 　　,,,,,,,,,,,} 　　,,,,,,,,,,, 　　,,,,,,,,,,,.search_left  { 　　,,,,,,,,,,,,,,,:浮动,离开; 　　,,,,,,,,,,,,,,,保证金:,5 px  7 px  5 px  11 px; 　　,,,,,,,,,,,,,,,宽度:,35 px; 　　,,,,,,,,,,,,,,,身高:,34 px; 　　,,,,,,,,,,,,,,,这个特性:,50 px; 　　,,,,,,,,,,,,,,,背景:,红色; 　　,,,,,,,,,,,,,,,text-align:,中心; 　　,,,,,,,,,,,,,,,行高:,42 px; 　　,,,,,,,,,,,} 　　,,,,,,,,,,, 　　,,,,,,,,,,,.search_left  img  { 　　,,,,,,,,,,,,,,,宽度:,60%; 　　,,,,,,,,,,,,,,,身高:,60%; 　　,,,,,,,,,,,} 　　,,,,,,,,,,, 　　,,,,,,,,,,,.search_input  { 　　,,,,,,,,,,,,,,,:浮动,离开; 　　,,,,,,,,,,,} 　　,,,,,,,,,,, 　　,,,,,,,,,,,.search_input  input  { 　　,,,,,,,,,,,,,,,:边境,没有; 　　,,,,,,,,,,,,,,,身高:,30 px; 　　,,,,,,,,,,,,,,,margin-top:, 5 px; 　　,,,,,,,,,,,} 　　,,,,,,,,,,, 　　,,,,,,,,,,,.search_right  { 　　,,,,,,,,,,,,,,,浮动:,; 　　,,,,,,,,,,,,,,,宽度:,20 px; 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

css怎么实现悬浮效果的阴影