Html 其他元素上的框阴影
我有这个代码,Html 其他元素上的框阴影,html,css,Html,Css,我有这个代码,图标框阴影已结束图标按钮如何修复 *{ 框大小:边框框; } .编辑按钮{ 填充:8px 12px; 宽度:500px; 保证金:50px自动; } .图标按钮{ 位置:相对位置; 背景:#fcac22; 边框顶部:1px实心#f9aa22; 边界权:无; 边框底部:3px实心#e29a1f; 左边框:1px实心#f7a921; 颜色:#fff; 边界半径:2px0.3px; 大纲:无; 文本对齐:居中; 宽度:计算(100%-36px); 高度:69px; 线高:18px; 填
图标
框阴影
已结束图标按钮
如何修复
*{
框大小:边框框;
}
.编辑按钮{
填充:8px 12px;
宽度:500px;
保证金:50px自动;
}
.图标按钮{
位置:相对位置;
背景:#fcac22;
边框顶部:1px实心#f9aa22;
边界权:无;
边框底部:3px实心#e29a1f;
左边框:1px实心#f7a921;
颜色:#fff;
边界半径:2px0.3px;
大纲:无;
文本对齐:居中;
宽度:计算(100%-36px);
高度:69px;
线高:18px;
填充:19px;
文本阴影:0px 0px.1px#fff;
z指数:1;
-网络工具包盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
-莫兹盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
盒影:-1px2px19px1pxRGBA(0,0,0,0.3);
字体系列:arial;
字体大小:16px;
字体大小:400;
}
.图标按钮.图标{
位置:绝对位置;
宽度:32px;
高度:69px;
显示:内联块;
右:-36px;
顶部:-1px;
背景:#fcac22;
边框顶部:1px实心#f9aa22;
右边框:1px实心#f7a921;
边框底部:3px实心#e29a1f;
左边界:无;
边界半径:0 2px 3px 0;
z指数:0;
-网络工具包盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
-莫兹盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
盒影:-1px2px19px1pxRGBA(0,0,0,0.3);
}
.图标按钮.图标圈{
宽度:22px;
高度:22px;
背景:#fff;
边界半径:100%;
保证金:23px自动;
颜色:#e29a1f;
字体大小:13px;
线高:29px;
文本阴影:无;
}
商店
MYMARKET.GE
能否将.icon按钮。icon
框阴影
负值更改为正值,如
.icon按钮。图标{box shadow:5px 2px 19px 1px rgba(0,0,0,0.3);}
不完全是5px
这取决于您(任何正数)您可以在图标按钮上使用伪代码
.icon-button::before {
content: '';
position: absolute;
width: 26px;
height: 69px;
right: -40px;
top: -1px;
background: #fcac22;
border-radius: 0 2px 3px 0;
z-index: -1;
-webkit-box-shadow: -1px 2px 19px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: -1px 2px 19px 1px rgba(0, 0, 0, 0.3);
box-shadow: -1px 2px 19px 1px rgba(0, 0, 0, 0.3);
}
样品
*{
框大小:边框框;
}
.编辑按钮{
填充:8px 12px;
宽度:500px;
保证金:50px自动;
}
.图标按钮{
位置:相对位置;
背景:#fcac22;
边框顶部:1px实心#f9aa22;
边界权:无;
边框底部:3px实心#e29a1f;
左边框:1px实心#f7a921;
颜色:#fff;
边界半径:2px0.3px;
大纲:无;
文本对齐:居中;
宽度:计算(100%-36px);
高度:69px;
线高:18px;
填充:19px;
文本阴影:0px 0px.1px#fff;
z指数:1;
-网络工具包盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
-莫兹盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
盒影:-1px2px19px1pxRGBA(0,0,0,0.3);
字体系列:arial;
字体大小:16px;
字体大小:400;
}
.图标按钮::之前{
内容:'';
位置:绝对位置;
宽度:26px;
高度:69px;
右:-38px;
顶部:-1px;
背景:#fcac22;
边界半径:0 2px 3px 0;
-网络工具包盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
-莫兹盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
盒影:-1px2px19px1pxRGBA(0,0,0,0.3);
}
.图标按钮.图标{
位置:绝对位置;
宽度:32px;
高度:69px;
显示:内联块;
右:-36px;
顶部:-1px;
背景:#fcac22;
边框顶部:1px实心#f9aa22;
右边框:1px实心#f7a921;
边框底部:3px实心#e29a1f;
左边界:无;
边界半径:0 2px 3px 0;
z指数:0;
}
.图标按钮.图标圈{
显示:内联块;
宽度:22px;
高度:22px;
背景:#fff;
边界半径:100%;
保证金:23px自动;
颜色:#e29a1f;
字体大小:13px;
线高:29px;
文本阴影:无;
}
商店
MYMARKET.GE
只需从.icon类中删除box shadow属性,但我需要:)注意,根据,标签的内容中不能包含
。它们必须只包含。