汇学府笔记网是汇学府网旗下优秀笔记展示平台! 欢迎优秀读书学习笔记投稿,投稿有奖励!

学分类旗下网站

浏览量

CSS实现水平线样式和文字缩进

作者:admin 发布时间:2019-08-11

 1. CSS实现水平线样式hr

Hr标签在html中的显示效果不是很理想,颜色等值无法修改,这样有时候需要和文字内容融合的时候就显得不协调了。定义: style type= text/css !--body{text-align:center;}hr{background-color:#0000FF;height:1px;width:80%;color:#999999;}-- /style 使用: hr/ ........................ hr "" title="" src="http://www.i1766.com/zb_users/upload/201202272042297418.jpg" />CSS实现水平线样式hr,发现设置border以及background等属性在IE6中没有任何作用,但是有的浏览器的显示效果不是这样的,有写浏览器设置颜色是通过background-color属性设置的HR颜色值。 2. CSS实现文字缩进padding和text-indent属性 1 CSS中如果要设置整体的文字缩进,可以运用padding属性来实现定义:p{padding-left:20px;}使用: p CSS实现文字缩进padding br CSS实现文字缩进padding /p 效果截图CSS实现文字缩进paddingPadding属性有几个值,例如padding-left, padding-right等等 2 但是往往用到的是将段落的开头缩进2个汉字,这样的话就可以使用text-indent属性来实现了。定义:p{text-indent:1em;}使用: p text-indent属性 /p p text-indent属性 /p 效果截图:text-indent属性 相关:。
网友吐槽

读书笔记 学习笔记 名著读书笔记

本站读书学习笔记由网友提供,版权归原作者本人所有,转载请注明出处!如有侵犯您的相关权利,请联系我们客服处理! 豫ICP备18040320号-1