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)效果如图,我们的分隔线虽然很简单,但也能设置很多样式,能做很好的美化效果。
-
EXCEL选择性粘贴数值快捷键设置
在Excel中,我们经常会做选择性粘贴数值的操作,总是通过鼠标来操作很不方便,如何设置一个好用的快捷键?下面来看一下。操作方法(01)打开excel,右键点击工具栏空白地方,然后点击‘自定义工具栏和菜单’(02)打开窗口后,点击‘命令’(03)在命令栏下,点击左边的‘编辑’(04)接着在右...
-
微信聊天记录怎么备份和恢复?
我们在平时会经常使用微信来交流聊天,怎么恢复微信删除的记录呢?对于大多数的重要聊天记录,一定要及时备份,手机可以备份到本地电脑,这样才能够很好的保证文件不时之需,在备份保存的同时,电脑的安全也要注意,切勿把病毒残留在电脑中。我们的微信聊天记录被我们误删的情...
-
简单几步打造图片的绘画玻璃效果
怎么制作图片的绘画玻璃效果呢?下面,就让小编给大家介绍一下吧。操作方法01首先,我们需要打开我们电脑的ps软件(鼠标左键双击桌面上的ps快捷方式或者是鼠标右键再选择打开都是可以的)。02打开ps软件之后,打开一张图片。03接着,我们复制背景图层。04添加高斯模糊滤镜效...
-
ie修复工具完美修复Internet Explorer无法使用
IE修复工具是一款针对IE浏览器无法打开、IE浏览器崩溃、IE首页被篡改及用户无法上网所专门研发的一款浏览器修复工具。下面为大家介绍一下ie修复工具完美修复InternetExplorer无法使用。操作方法(01)首先在自己电脑上下载安装电脑管家。(02)然后打开电脑管家——点...