#436 – 给Border加上立体阴影（Using a Drop Shadow with a Border）

如果你为一个Border指定一个DropShadowEffect ，那么所有Border 里面的子元素都会获得立体阴影。

<Border Margin="10" BorderBrush="Black" BorderThickness="1">
    <Border.Effect>
        <DropShadowEffect/>
    </Border.Effect>
    <StackPanel Orientation="Vertical" Margin="5">
        <Label Content="Staying within borders"/>
        <Button Content="Do It"/>
    </StackPanel>
</Border>

效果如图

如果你想阴影仅仅只是围绕在Border周围，而不是每个子元素都有阴影。你可以创建两个双生的Border ，一个用来显示子元素，但是没有阴影；一个在相同的地方，没有任何子元素，但是用来显示阴影。

<Grid>
    <Border Margin="10" BorderBrush="Black" BorderThickness="1" Background="White">
        <Border.Effect>
            <DropShadowEffect ShadowDepth="2"/>
        </Border.Effect>
    </Border>
 
    <Border Margin="10" BorderBrush="Black" BorderThickness="1">
        <StackPanel Orientation="Vertical" Margin="5">
            <Label Content="Staying within borders"/>
            <Button Content="Do It"/>
        </StackPanel>
    </Border>
</Grid>

原文地址：https://wpf.2000things.com/2011/11/23/436-using-a-drop-shadow-with-a-border/