728x90
728x170
<Border CornerRadius="10" Grid.ColumnSpan="2" Margin="20,20,20,0" Background="White" Height="90" Width="300">
<Border.Effect>
<DropShadowEffect Direction="-10" Opacity="0.195"/>
</Border.Effect>
<Grid Height="80">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="48*"/>
<ColumnDefinition Width="4*"/>
<ColumnDefinition Width="48*"/>
</Grid.ColumnDefinitions>
<StackPanel Grid.Column="0">
<TextBlock VerticalAlignment="Center" Text="경기" TextWrapping="Wrap" Margin="10" HorizontalAlignment="Center" FontSize="14" FontWeight="Bold"/>
<TextBlock VerticalAlignment="Center" Text="09" TextWrapping="Wrap" Margin="0" HorizontalAlignment="Center" FontSize="25" FontWeight="Bold"/>
</StackPanel>
<StackPanel Grid.Column="1">
<Border Margin="5,10,5,10" Height="60" HorizontalAlignment="Center" Background="Transparent" BorderThickness="1,0,0,0" BorderBrush="Gray"/>
</StackPanel>
<StackPanel Grid.Column="2">
<TextBlock VerticalAlignment="Center" Text="전북" TextWrapping="Wrap" Margin="10" HorizontalAlignment="Center" FontSize="14" FontWeight="Bold"/>
<TextBlock VerticalAlignment="Center" Text="07" TextWrapping="Wrap" Margin="0" HorizontalAlignment="Center" FontSize="25" FontWeight="Bold"/>
</StackPanel>
</Grid>
</Border>
결과
728x90
그리드형
'C# > WPF' 카테고리의 다른 글
[WPF] 다른 프로젝트에 있는 이미지 가져다 쓰기 (0) | 2021.10.06 |
---|---|
[WPF/Prism] TView, TViewModel 연계하기 (0) | 2021.08.17 |
[WPF] Text 개행처리하기(new line) - 
 (0) | 2021.08.04 |
[WPF] Eapander Header 처리하기 (0) | 2021.08.03 |
[WPF] ListBox 의 Item에 있는 버튼 클릭시 해당 Item 가져오기 (0) | 2021.07.28 |