css如何给按钮加阴影

时间:2022-12-06 01:55

在css中给按钮添加阴影的方法:1.创建按钮;2.设置按钮大小;3.使用box-shadow属性设置阴影;

css如何给按钮加阴影

在css中给按钮添加阴影的方法

1.首先,在页面中创建一个按钮;

<body>

<button>按钮<button>

</body>

2.按钮创建好后,在css中为按钮设置大小;

button{

width:60px;

height:30px;

margin:50px;

}

3.按钮的大小设置好后,使用box-shadow属性即可给按钮添加阴影;

button{

width:60px;

height:30px;

margin:50px;

box-shadow:10px10px10px#B00000;

}


标签:
随便看看
本类推荐
本类排行
热门标签

我国国家通讯社行不行啊细狗新年贺词祝福语2023年祝福语新年新年贺词新年贺词祝福语居家抗病毒小药箱除夕高速免费吗2022年除夕高速免费吗春联春联句子大全春联句子大全七字年夜饭十二道菜年夜饭十二道菜单年夜饭吃什么年夜饭吃什么菜吃年夜饭的寓意年夜饭黑芝麻菊花茶晒菊花茶腌腊肉送妈妈生日礼物汉白玉送闺蜜水钻送女人礼物爸爸生日送礼物送老公