html 漂亮的边框效果图,Css效果之好看的边框颜色大全
Css效果之好看的边框颜色大全
今天分享一些好看的边框颜色,需要的可以直接拿走使用。
效果图:
html代码:
分享JavaScript-sharejs.com
body{
background-color:#FFF;
}
div{
margin:10px 0px;
}
.d1{
border:1px solid #96C2F1;
background-color:#EFF7FF;
width:300px;
height:100px;
}
.d2{
border:1px solid #9BDF70;
background-color:#F0FBEB;
width:300px;
height:100px;
}
.d3{
border:1px solid #92B0DD;
background-color:#FFFFFF;
width:300px;
height:100px;
}
.d4{
border:1px solid #BBE1F1;
background-color:#EEFAFF;
width:300px;
height:100px;
}
.d5{
border:1px solid #CCEFF5;
background-color:#FAFCFD;
width:300px;
height:100px;
}
.d6{
border:1px solid #FFCC00;
background-color:#FFFFF7;
width:300px;
height:100px;
}
.d7{
border:1px solid #A9C9E2;
background-color:#E8F5FE;
width:300px;
height:100px;
}
.d8{
border:1px solid #E3E197;
background-color:#FFFFDD;
width:300px;
height:100px;
}
.d9{
border:1px solid #ADCD3C;
background-color:#F2FDDB;
width:300px;
height:100px;
}
.d10{
border:1px solid #F8B3D0;
background-color:#FFF5FA;
width:300px;
height:100px;
}
.d11{
border:1px solid #D3D3D3;
background-color:#F7F7F7;
width:300px;
height:100px;
}
.d12{
border:1px solid #BFD1EB;
background-color:#F3FAFF;
width:300px;
height:100px;
}
.d13{
border:1px solid #FFDD99;
background-color:#FFF9ED;
width:300px;
height:100px;
}
.d14{
border:1px solid #CACAFF;
background-color:#F7F7FF;
width:300px;
height:100px;
}
.d15{
border:1px solid #A5B6C8;
background-color:#EEF3F7;
width:300px;
height:100px;
}
.d16{
border:1px solid #CEE3E9;
background-color:#F1F7F9;
width:300px;
height:100px;
}
.d17{
border:1px solid #CAE3FF;
background-color:#F4F9FF;
width:300px;
height:100px;
}
.d18{
border:1px solid #C9D9EE;
background-color:#ECF8FF;
width:300px;
height:100px;
}
.d19{
border:1px solid #5C9CC0;
background-color:#F2FAFF;
width:300px;
height:100px;
}
获取更多JavaScript代码,请登录JavaScript分享网 http://www.sharejs.com
html 漂亮的边框效果图,Css效果之好看的边框颜色大全相关推荐
- Css效果之好看的边框颜色大全
Css效果之好看的边框颜色大全 今天分享一些好看的边框颜色,需要的可以直接拿走使用. 效果图: html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD X ...
- php文字加边框,图片加特效文字 图片添加各种边框的文字效果 如果有多种边框模板就更好了...
一张普普通通的照片,如果巧妙加上配景的特效文字,就能瞬间变成独具风味的"艺术"照片了.我们在网上经常看到一些加了文字边框的唯美图片,那么这个是怎么制作出来的呢?使用照片特效处理工具 ...
- html 语言 表格边框显示,css中怎么解决表格边框不显示的问题?
css中怎么解决表格边框不显示的问题? html中的表格默认是不显示边框的,可以设置表格的border属性来添加边框,设置cellspacing属性为0来将边框合并,显示单一边框. css中也可以设置 ...
- html隐藏input边框线,css如何去掉input的边框?
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. css去掉inp ...
- html中给图片加边框带,CSS如何给图片加边框效果?
直接粘贴到BODY里面去事实 style="BORDER-RIGHT: #eeeeee 3px solid; BORDER-TOP: #eeeeee 3px solid; BORDER-LE ...
- HTML边框百分比,CSS:以百分比和边框表示的宽度
使用该box-sizing: border-box属性.它修改了盒子模型的行为,以将填充和边框视为元素总宽度的一部分(但不包括边距).这意味着元素的设置宽度或高度包括为填充和边框设置的尺寸.在您的情况 ...
- html中边框与边框距离,css边框border与margin属性
CSS边框属性: border不能分别定义4个边框的宽度,颜色和样式,只能统一定义,不可以对四个边设置不同的值,和margin与padding是不同的(后两者可以分别定义四个边的值). border- ...
- css文字背景虚化,通过实现背景模糊、文字颜色流光渐变、边框扩展等效果学习transition、transform、@keyframes等属性及伪元素的使用...
百度前端技术学院2017于2月24日开始进行,一共有6个学院可供学习,分别是小薇学院(html/css基础).斌斌学院(js基础).耀耀学院(小游戏/交互).商业平台学院(web/ios/androi ...
- [css] 如何使用CSS3的属性设置模拟边框跟border效果一样?
[css] 如何使用CSS3的属性设置模拟边框跟border效果一样? <!DOCTYPE html> <html lang="en"> <head& ...
最新文章
- CentOS7.4到Elasticsearch一路坑(五)
- 深入剖析Java即时编译器(上)
- 045_Unicode对照表十一
- 计算字符串的实际长度
- PWN-PRACTICE-BUUCTF-13
- 无法在只读编辑器中编辑_Mol Plant中国农科院作物科学研究所夏兰琴课题组成功利用 优化的引导基因编辑器在水稻中实现高效精准基因编辑...
- 工信部发布《区块链 数据格式规范》标准(PPT全文)
- 将Android手机打造成你的Python开发者桌面#华为云·寻找黑马程序员#
- SAP License:SD与COPA集成
- MySQL主从复制延迟原因及处理思路
- linux下addr2line详解
- 【Code】numpy、pytorch实现全连接神经网络
- 在java中定义标示符_JAVA中定义标识符时可以使用系统保留的关键字。
- 微型计算机配置单8000,计算机公共基础知识8000题库答案解析
- 使用dockerfile创建一个包含jdk和tomcat的镜像
- 重磅发布 | 图像图形学发展年度报告【中国图象图形学报第6期综述专刊】
- 期货突破(期货突破交易法)
- 电脑检测工具eve_检测电脑硬件的软件(系统硬件检测工具)
- 应用运筹学基础:线性规划 (1) - 极点与基可行解
- 如何做一个员工管理系统
热门文章
- Python 网络数据采集(三):采集整个网站
- netflix_DeepCasting可能是Netflix的未来
- pyecharts 十种图形演示
- jwt鉴权(react express jsonwebtoken)
- 虚拟机怎么安装geany_75 个最常用的 Linux 应用程序(2018 年)
- 计算机毕业设计java+ssm水果商城管理系统(源码+系统+mysql数据库+Lw文档)
- 网易云web安全工程师第一天
- Attempted to lock an already-locked dir异常解决方法
- 公众号快速注册并认证小程序功能介绍
- PaddlePaddle在优化方法处报错 EnforceNotMet: Enforce failed