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)效果如图,我们的分隔线虽然很简单,但也能设置很多样式,能做很好的美化效果。
-
斐讯(phicomm)无线路由器怎么设置
无线路由器的种类有很多,WiFi对人类生活越来越重要,每种无线路由器的设置不同,小编在这里给大家介绍一下斐讯(phicomm)无线路由器怎么设置。操作方法(01)将插在电脑上的网线拔掉,用额外准备的网线一头连接电脑一头连接路由器数字口,下面的“LAN口”都可以,把刚刚从电脑...
-
qq手机密保怎么解绑
在更换新手机号后qq上面绑定的之前的手机号就不能用了,那qq手机密保怎么解绑呢?请看下面解析。操作方法(01)登录qq,点击左下角“主菜单”》点击“安全”》点击“安全中心首页”。(02)进入安全中心页面后,点击右侧密保手机“更换”。(03)输入新的手机号码进行原手机密保解...
-
电脑上着怎样将录音转文本
工作中如果我们收到一份录音文件需要将其转换为文本,那么我们应该怎样在电脑上快速实现这个问题呢?下面小编就来给大家分享一个可以轻松实现录音转文本的方法来帮助大家实现这个问题。操作方法(01)先在电脑上准备好需要进行转换的录音文件,然后再通过电脑浏览器搜索...
-
HTML分隔线如何美化?
做HTML页面开发时,在几段文本之间,或几块内容之间,经常会使用分隔线去做分隔,以让页面显示更加有条理。分隔线我们基本上都是用hr标签去生成,怎么去美化这个分隔线?下面一起看下。操作方法(01)先看下我们的html代码,二个p段落,中间用hr作分隔,代码如图。(02)页面运行后,可以...