<css 七>out-line
来源:互联网 发布:python yield什么意思 编辑:程序博客网 时间:2024/05/24 16:16
轮廓样式:(实例,附带颜色)
<!DOCTYPE html><html><head><title>outline相关</title><meta charset="utf-8"/><style type="text/css">h1,p{font-family:微软雅黑;font-size:25px;width:250px;}p.a{outline-style:none;}p.b{outline-style:dotted;}p.c{outline-style:dashed;}p.d{outline-style:solid;}p.e{outline-style:double;}p.A{outline:groove green 10px;}p.B{outline:ridge orange 10px;}p.C{outline:inset gray 10px;}p.D{outline:outset aqua 10px;}</style></head><body><h1>outline-style相关的值:</h1><p class="a">none 无轮廓</p><p class="b">dotted定义点状的轮廓</p><p class="c">dashed定义虚线轮廓</p><p class="d">solid定义实线轮廓</p><p class="e">double定义双线轮廓。双线的宽度等同于 outline-width 的值</p><p class="A">groove定义 3D 凹槽轮廓。此效果取决于 outline-color 值</p><p class="B">ridge定义 3D 凸槽轮廓。此效果取决于 outline-color 值</p><p class="C">inset定义 3D 凹边轮廓。此效果取决于 outline-color 值</p><p class="D">outset定义 3D 凸边轮廓。此效果取决于 outline-color 值</p></body></html>
效果:
轮廓颜色:
<!DOCTYPE html><html><head><style type="text/css">p{outline-color:aqua/#00ffff/0,255,255;}</style></head><body><p>dotted定义点状的轮廓</p></body>轮廓宽度:
p{outline-width:50px/em/cm;}注:宽度可能无法使用%作为单位。
0 0
- <css 七>out-line
- out-line virtual function
- 声卡中的 line in line out
- CSS(七)
- CSS line-height 属性
- css line-height记录
- CSS line-height 属性
- CSS line-height
- css之line-height
- css line-height 探究
- CSS line height 介绍
- CSS line-height 属性
- C++中的out-of-line虚函数
- 【css-基础-属性】 line-height
- CSS property: -webkit-line-break
- css属性之line-height
- 探究CSS line-height属性
- CSS的line-height属性
- AWT基本组件(1)
- 房价之殇
- 关闭ECLIPSE的各种提示错误
- Lambda快速入门
- 【C++ Primer plus】【第十一章】使用类
- <css 七>out-line
- java基础知识点总结(四)
- jre/bin目录下面工具说明 ——转载于作者eclipse_yin
- info.plist文件的解读
- Android 登录界面设计
- 该篇博客是在《iOS高级开发——CollectionView的动态增删cell及模型重构》的基础上继续进行开发的。在之前那篇博客中,我们实现了动态的增删cell,并且使用了模型Model进行重构
- 使用RxAndroid配合MVP模式实现异步网络请求,更新ui
- Mycat的简单性能测试
- 第七届河南省赛 题解&&题型分布