Button按钮的元素与样式改变

article/2025/11/8 21:23:17

作者：李坤凤
本次任务完成时间：2019年6月22日
开发工具与关键技术：开发工具：VS 关键技术: Button按钮的元素与样式改变

1、在button元素中，原始的元素就是一个没有任何样式的按钮，直接使用感觉一点美感没有；
在这里插入图片描述
2、把按钮样式调整到我们需要的样式，首先调整按钮的大小，给按钮一个边框，改变按钮背景样色，也可以选中button按钮点击属性，来进行选择所需要的颜色，画笔可以选择无色画笔，纯色画笔，渐变画笔，平铺画笔，画笔资源这几种可用的颜色属性；
3、在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
在这里插入图片描述
控件与
相比，提供了更为强大的功能和更丰富的内容。
与标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。
4、例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。
5、唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 “button”，而其他浏览器中（包括 W3C 规范）的默认值是 “submit”。
在这里插入图片描述

6、代码
<Button Width="100" Height="40" Margin="115,100,378.6,130.4"></Button>//原始按钮<Border BorderBrush="Pink" BorderThickness="1,1,1,1" CornerRadius="3,3,3,3" Margin="-10,10,9.6,-9.6"><Border.Background><LinearGradientBrush><GradientStop Color="#99FFFFFF" Offset="0"/><GradientStop Color="#33FFFFFF" Offset="1"/></LinearGradientBrush></Border.Background><Button Width="40" Height="40" Margin="280,180,273.6,50.4" Background="#FFBAE5FF" FontSize="15" FontFamily="楷体">按钮 
</Button>//添加样式文本按钮<Button Width="100" Height="100" Margin="304.2,119.2,147.8,9.6" Background="#FFBAE5FF" FontSize="15" FontFamily="楷体"><Image Source="mmexport1540508987352.jpg"></Image></Button>//添加样式图片按钮</Border>