用css 实现凹陷的线条
...
原文：CSS 实例之文字的凸起与凹陷
一些页面会有一些凹凸文字效果，这个主要是设置背景 文字阴影来达成这个效果的。文字阴影使用方法如下： text shadow: 水平位置 垂直位置 模糊距离 阴影颜色 具体代码如下： 结果如下图所示 将文本上方阴影设为亮色，下方阴影设为暗色则是凸起效果 上方阴影设为暗色，下方阴影设为亮色则是凹陷效果 ...
2018-08-15 16:47 0 2146 推荐指数：
相关推荐
css3文字效果空心、发光、文字凸起
//空心效果 .logo { color:#0074FF; text-shadow: 1px 1px #000,-1px -1px #000, 1px -1px #000, -1px 1px ...
css 按钮凹陷的感觉
.login-btn{ margin-top: 60rpx !important; background-color:transparent !i ...
用css实现凹陷的线条
...
Css 实现边界 凹陷 状态
Css 中实现边界凹陷状态的方法是：设置控件的左右border（基本上是一黑一白） 例如（颜色请进行调整）： border-left:1px solid #e4e4e4; border-right:1px solid red; 正常情况下border 的长度 是外加到对应的控件之上 ...
css3实现边框凹陷
box-shadow:0 1px 0 rgba(0,0,0,.2) inset,0 -1px 0 rgba(255,255,255,.2) inset; ...
CSS实例：用fieldset、legend实现文字写在边线上的效果
这是一个非常不错的效果，在实际制作中也比较常用，我们看下面的图片： 或许你想到可以用图片来实现这样的效果，但图片除了体积稍大，语义上也很欠缺。这样的效果如何用xhtml+css实现呢？首先我们通过 fieldset设置一个方框（也译作域），然后通过特定的标签 ...
CSS文字折行
CSS文字折行有3个属性控制： overflow-warp(老版word-warp) 通用换行控制 word-break 是否要把字母作为一个单位，是否要把中文的句子作为一个单位 white-space 在空白位置是否断行，经常使用no-warp ...