创建缝合效果代码,Css代码库,德仔网

代码语言

代码分类

【Css】创建缝合效果

作者:欣冉 / 发布于2016/7/27/ 950

p { 
    position:relative;
    z-index:1;  
    padding: 10px;
    margin: 10px; 
    font-size: 21px;
    line-height: 1.3em;
    color: #fff;
    background: #ff0030;
    -webkit-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
    -moz-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
    box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10,10,0,.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
p:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 3px;
    bottombottom: 3px;
    left :3px;
    rightright: 3px;
    border: 2px dashed #fff;
}    
p a {
    color: #fff;
    text-decoration:none;
}
p a:hover, p a:focus, p a:active { 
    text-decoration:underline;
}

试试其它关键字

同语言下

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

可能有用的

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

欣冉贡献的其它代码(12)

.根据文本框的值改变下拉列表的值
.生成缩略图
.马赛克效果
.创建缝合效果
.获取用textarea保存到数据库的内容，显示到页面保持换
.七星彩
.火狐和IE都支持网页字体变大变小、复制、收藏、打印
.查看sqlserver 2008中性能低下的语句
.Repeater中,寻找TextBox,Lable.等的值
.最长公共单调子序列