打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
立体线条边框的变化
下面是一段可以改变立体线条边框形状、粗细、颜色和框内背景颜色的代码:
<div STYLE="border-style:Groove;border-width:7pt; border-color: red"> <div style="width:100%;height:100%;background-color:#ffdead;">日志文字 </div></div>
说明:
这段代码是在border-style后面使用不同的语法描述来改变边框形状的:
简单线形边框; Solid 简单双线边框; Double 沟线立体效果边框; Groove 脊线立体效果边框; Ridge 嵌入线立体效果边框; Inset 浮出线立体效果边框Outset
边框线条颜色的改变方法:
绿色处可改变边框的颜色,用英语单词表示也可,用#xxxxxx的形式表示也可.(见颜色值表)=》《颜色值表》
边框背景颜色的改变方法:
改变边框内背景颜色的方法就是在桃红色代码处改变颜色值。(可能随便填一个6位数的值,要想得到你想要的准确颜色就要参看“颜色值表”)
下面是将边框线条形状、粗细等改变后的效果:
1、简单线形边框: Solid  边框颜色为绿色 border-color: #00ff00
背景颜色为background-color:#ffdead(米黄色)
不是立体
日志文字
2、简单双线边框:Double  边框颜色为border-color: #0000FF
背景颜色为background-color: #44FFFF(天蓝色)
不是立体
日志文字
3、沟线立体效果边框:Groove  边框颜色为border-color: #ff0000 (红色)背景颜色为background-color: #0000ff(蓝色)
日志文字
4、脊线立体效果边框:Ridge  边框颜色为border-color: #44ffff(天蓝色) 背景颜色为background-color: #ff0000(红色)
日志文字
5、嵌入线立体效果边框:Inset   边框颜色为border-color: #a000ff(紫色) 背景颜色为background-color: #a0ff60(黄绿色)
日志文字
6、浮出线立体效果边框:Outset   边框颜色为border-color: #ff00ff(桃红色) 背景颜色为background-color: #ffa0ff(肉红色)
日志文字
电脑知识精品收藏健康养身日志边框人文情感动态美女羽化美女抠图素材
鱼鸟花卉军事天地动态风景人间美食首页板块人身感悟图文经典百科知识
两性世界妖娆美女清新美女股海探秘在线制作PS制作经典乐曲气质美女
性感美女古韵美女世界博然中国名画名胜古迹情感图文世界名画古玩字画
首页模块美图共享经典歌曲书架制作装饰模块音画制作在线阅读五花八门
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
立体彩色边框代码之制作闪动边框的代码
【转】引用 给日志添加边框代码
漂亮的空间代码——给日记加漂亮的边框
常用代码全包括,全全全!!! - 主页交流论坛 - 育儿论坛 - 育儿网
日志图片背景及边框代码
☆HTML代码与css样式比较
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服