HTML分隔线如何美化?
做HTML页面开发时,在几段文字之间,或几块内容之间,经常会使用分隔线去做分隔,以让页面显示更加有条理。分隔线我们基本上都是用hr标签去生成,怎么去美化这个分隔线?下面一起看下。
操作方法
(01)先看下我们的html代码,二个p段落,中间用hr作分隔,代码如图。
(02)页面运行后,可以看到,默认的hr分隔线就是一条黑色的线条,算不上美观。
(03)通过添加一些样式,我们可以设置hr分隔线的大小和颜色,主要是设置它的border样式。代码如下,ent hr{ border: 2px solid #cc0000 }
(04)刷新页面,可以看到效果如图
(05)我们还可以把分隔线默认的实体线改成点划线,只需要把border样式改成如下:border: 1px dashed #cc0000;效果如图。
(06)另外如果你需要很复杂的分隔线,就需要用背景图来实现了,我们可以为hr设置背景图,但要注意的是,如果是用背景图,我们一定要设置hr的高度,和把border设置为none,代码如图
(07)效果如图,我们的分隔线虽然很简单,但也能设置很多样式,能做很好的美化效果。
-
怎样获得熊猫办公vip
今天小编要和大家分享的是怎样获得熊猫办公vip,希望能够帮助到大家。操作方法(01)首先在搜狗浏览器中输入熊猫办公VIP并点击搜索,如下图所示。(02)接着点击熊猫办公VIP,如下图所示。(03)然后选择你要开通的VIP类型,如下图所示。(04)接着用手机扫描屏幕中的二维码,如下图所示...
-
webstorm有什么吸引开发者的特性功能?
webstorm是一个前端开发工具,相对众多的开发工具,webstorm有什么吸引开发者的特性功能?下面一起来看下。操作方法(01)相对于其它开发工具,webstorm是专为前端而生的。对HTML元素,在代码上有属性提示,如图,我们在写一个P元素后,打上一个空格后,就会弹出P所有支持的HTML属性...
-
湘源控规CAD——图则制图知多少
湘源控规CAD是CAD的一个插件,广泛应用于城市规划的总体规划和控制性详细规划中,可以大大提高制图效率。图则制图是一个非常有用的工具,那么图则制图怎么样?看下面的介绍吧操作方法(01)“图则页面”功能:插入图则页面。菜单:“图则”→“图则页面”。(02)“图则参数”功能...
-
怎么才能恢复损坏的视频文件?
操作方法(01)高效安全:软件采用只读的方式来扫描丢失数据的介质,在内存中组织扫描到的文件以及目录结构,不会往源介质中写入任何数据,也就不会对源介质造成任何破坏。这样就避免了因为用户自己的操作不当而造成数据的二次破坏。简洁易用:软件是一个绿色软件。用户无需...