日期: 2022-09-21 00:32:21 浏览数:3

上往建站提供服务器空间服务商,百度快照排名,网站托管,百度推广运营,致力于设计外包服务与源代码定制开发,360推广,搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。
河南省淮滨外贸网站建设-双语网站制作-企业中英文网站优化推广-多语言集团网站定制开发

学习如何使用 CSS 设置按钮样式。
默认按钮 CSS 按钮
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;}请使用 background-color 属性更改按钮的背景色:
.button1 {background-color: #4CAF50;} /* 绿色 */.button2 {background-color: #008CBA;} /* 蓝色 */.button3 {background-color: #f44336;} /* 红色 */ .button4 {background-color: #e7e7e7; color: black;} /* 灰色 */ .button5 {background-color: #555555;} /* 黑色 */请使用 font-size 属性更改按钮的字体大小:
.button1 {font-size: 10px;}.button2 {font-size: 12px;}.button3 {font-size: 16px;}.button4 {font-size: 20px;}.button5 {font-size: 24px;}请使用 padding 属性更改按钮的内边距:
.button1 {padding: 10px 24px;}.button2 {padding: 12px 28px;}.button3 {padding: 14px 40px;}.button4 {padding: 32px 16px;}.button5 {padding: 16px;}请使用 border-radius 属性为按钮添加圆角:
.button1 {border-radius: 2px;}.button2 {border-radius: 4px;}.button3 {border-radius: 8px;}.button4 {border-radius: 12px;}.button5 {border-radius: 50%;}请使用 border 属性为按钮添加彩色边框:
.button1 {
background-color: white;
color: black;
border: 2px solid #4CAF50; /* 绿色 */}...当鼠标移动到按钮上方时,使用 :hover 选择器可更改按钮的样式。
提示:请使用 transition-duration 属性来确定“悬停”效果的速度:
.button {
transition-duration: 0.4s;}.button:hover {
background-color: #4CAF50; /* Green */
color: white;}...河南省淮滨外贸网站建设-双语网站制作-企业中英文网站优化推广-多语言集团网站定制开发
上往建站提供搭建网站,域名注册,官网备案服务,网店详情页设计,企业网店,专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管,网页美工排版,致力于域名申请,竞价托管,软文推广,全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机,网站推广,百度竞价托管,网站建设,上网建站推广服务,网络公司有哪些等业务,专业团队服务,效果好。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)