在web前端里,用css怎么实现半角的效果?

2025-05-17 02:08:32
推荐回答(2个)
回答1:

如果网页背景是白色的,可以设一个小的span定在想实现半角的那个地方,设置宽高为0,给设置边框 例如




带缺角的水平菜单






回答2:

CSS 实现边框浮动效果.半角与_Hover:

页面代码:jsp





luis





css:代码

.luis{

border: 1px solid #0344EC;

width:200px;

/* 半径 webkit浏览器 */

-webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px;

margin: 5px 0;

padding: 10px 0 10px 0;

/* 减慢速度 transition-duration:0.3s; */

transition-property:margin-left, padding-left, margin-right, padding-right;

transition-duration:0.3s;

transition-delay:0s;

/* Safari */

-webkit-transition-property:margin-left, padding-left, margin-right, padding-right;

-webkit-transition-duration:0.3s;

-webkit-transition-delay:0s;

}

.luis:hover{

/* 加阴影 */

-moz-box-shadow: 0 0 6px 2px rgba(0,0,0,0.1);

-webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,0.1);

box-shadow: 0 0 6px 2px rgba(0,0,0,0.1);

margin-left: -17px;

padding-left: 17px;

margin-right: -27px;

padding-right: 27px;

}