课程咨询: 400-996-5531
投诉建议: 400-111-8989
认识达内从这里开始
认真做教育 专心促就业
初学者在学习web设计开发的过程中总会遇到一些小问题，这些问题可能学的时候没注意，在做实际操作的时候会遇到，现在【昆明IT培训】小编给大家总结一些css中会用到的小技巧。
iframe不同时出现滚动条
在iframe引用的页面中加上：
<body style="overflow:hidden;overflow-x:auto;overfow-y:auto">
滚动条样式
SCROLLBAR-FACE-COLOR: #2A024D;
SCROLLBAR-HIGHLIGHT-COLOR: #0042FF;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR:#FDFDFD;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #0042FF;
SCROLLBAR-DARKSHADOW-COLOR: #000000;（颜色可以自定义）
一、滚动条的轨迹，记作：scrollbar-track。所谓“轨迹”，指滚动条的滑动块运行时所必经的路线。
二、滚动条的滑动块，即在它上面按下鼠标左键不放可上下或左右移动的滑动块以及滚动条两头的小方块，记作：scrollbar-face。face即滚动条的“脸”，注意它有三张“脸”：滑动条和两头的小方块。
三、滚动条亮边框部分，记作：scrollbar-highlight。这个亮边框，和表格的亮边框概念是一样的，即左边和上边部分，滚动条的亮边框部分是指滚动条的“脸”（即滑动块和两头小方块）的亮边框。
四、滚动条亮边框部分的外围还有一个立体修饰部分，记作scrollbar-3dlight。3d即立体的意思，它将包围在滚动条亮边框部分的外边。
五、滚动条阴影部分，指主滑块和两头方块的阴影，位于左边和左下，记作：scrollbar-shadow。
六、滚动条阴影部分还有一个强阴影部分，记作scrollbar-darkshadow，它包围在阴影部分的外边。
七、滚动条两头方志标志箭头，记作：scrollbar-arrow，箭头方向为向下、向上、向左、向右。
在xhtml中，使用body无法控制滚动条样式问题
使用body,html{}
input元素与文字的垂直居中问题
<p>
<input type="text" name="author" id="author" style="vertical-align:middle" />
<label for="author"><small>呢称</small></label>
</p>
就是给Input加上vertical-align:middle属性。
将支持valign 特性的对象的内容与对象中部对齐
img元素与文字的垂直居中问题：
img元素有个属性valign是控制其后面的元素与之的对齐方式，使用middle即可
div内部文字垂直居中：
<div style="height:22px; line-height:22px;">大家好。</div>
也就是说设置height与line-height一致即可。这种方法对单行文字有效。
想学习一门专业的IT技术，就来达内昆明IT培训机构：网络营销培训、UI培训、Java培训、web前端、Linux等，欢迎来【昆明达内】或者电话咨询了解。免费试听课程活动正式启动，限额试听，先报先得。
每个月都有达内学员成功走向岗位
每个月都有新学员加入
梦想的接力棒在新老学员手中不断传递，相信通过几个月努力学习
他们都会找到心仪工作，拿到理想薪资!
达内免费试听课活动正式开启，限额报名，先报先得!
最接地气的官方咨询方式，像朋友一样，给你最贴心的建议!
< 上一篇：昆明达内web开发培训，名师+实战带你拿高薪
2018-06-23
免费试听课程
- 全部课程
- IT课程
- 设计课程
- 运营课程
4578
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 哈尔滨
- 济南
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 长沙
- 昆明
- 太原
- 无锡
- 石家庄
- 南宁
- 佛山
- 珠海
- 宁波
- 保定
- 呼和浩特
- 洛阳
- 烟台
- 运城
- 潍坊
- 开课名称
- 开班时间
- 抢座
- 咨询
- 开课名称
- 开班时间
- 抢座
- 咨询
-
- Java全链路开发
- 2月26日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 2月26日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 2月26日
- 火热抢座中
- 立即咨询
- 人工智能工程师
- 2月26日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 2月26日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 2月26日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 2月26日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 2月26日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 2月26日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 2月26日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 2月26日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 2月26日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 2月26日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 2月26日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 2月26日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 2月26日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 2月26日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 2月26日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 2月26日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 2月26日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 2月26日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 2月26日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 2月26日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 2月26日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 2月26日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 2月26日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 2月26日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 2月26日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 2月26日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 2月26日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 2月26日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 2月26日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 2月26日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 2月26日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 2月26日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 2月26日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 2月26日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 2月26日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 2月26日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 2月26日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 2月26日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 2月26日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 2月26日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 2月26日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 2月26日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 2月26日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 2月26日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 2月26日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 2月26日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 2月26日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 2月26日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 2月26日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 2月26日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 2月26日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 2月26日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 2月26日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 2月26日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 2月26日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 2月26日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 2月26日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 2月26日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 2月26日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 2月26日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 2月26日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 2月26日
- 火热抢座中
- 立即咨询
预约申请试听课
400-111-8989
lihm@tedu.cn
