导航:首页 > 万维百科 > 网页设计分割线加粗

网页设计分割线加粗

发布时间:2020-09-21 02:47:51

1、html 分割线颜色怎么变浅

<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
里面的值opacity=100就代表透明度
100就是不透明,50就是半透明
调整为自己需要的值就可以了

2、html中如何实现下面的这种分割线效果?(图)求大神解答~~

这个应该不是分割线。

如果是两条分割线,设置属性display:inline-block.
例子:
<div style=" width:100%; text-align:center"> //设置居中
<hr style=" width:20%; display:inline-block" /> 中间插入的文字 <hr style=" width:20%; display:inline-block" />
</div>

3、HTML中下划线怎么加粗变色

1、字体加粗:<b>写上你想写的字</b>

2、字体斜体:<i>写上你想写的字</i>

3、字体下划线: <u>写上你想写的字</u>

4、字体删除线: <s>写上你想写的字</s>

9、字体加大: <big>写上你想写的字</big>

10、字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)

4、用记事本做网页设计的分割线加粗

<hr size="#"/>#值越大,水平线越粗

5、HTML 几种特别分割线特效

点评:HTML分割线特效,挺实用与漂亮的分隔线,需要的朋友可以参考下。
一、基本线条
二、特效(效果并不是孤立的,可相互组合)
1、两头渐变透明:
<HR style=FILTER: alpha(opacity=100,finishopacity=0,style=3) width=80% color=#987cb9 SIZE=3
2、纺锤形:
<HR style=FILTER: alpha(opacity=100,finishopacity=0,style=2) width=80% color=#987cb9 SIZE=10
3、右边渐变透明:
<HR style=FILTER: alpha(opacity=100,finishopacity=0,style=1) width=80% color=#987cb9 SIZE=3
4、左边渐变透明:
<HR style=FILTER: alpha(opacity=0,finishopacity=100,style=1) width=80% color=#987cb9 SIZE=35、虚线:<HR style=border:1 dashed #987cb9 width=80% color=#987cb9 SIZE=16、双线:<HR style=border:3 double #987cb9 width=80% color=#987cb9 SIZE=3
7、立体效果:
<HR style=FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15) width=80% color=#987cb9 SIZE=1
8、钢针效果:
<HR style=FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10) width=80% color=#987cb9 SIZE=1
9.垂直分割线

6、HTML如何添加水平分割线:<hr/>

HTML提供了修饰段落的水平分割线,在很多的网页布局中都可以轻松使用,而不需要另外作图。水平分割线的标签是单标签:<hr/> 默认情况下只占一行。 <html><head><title>建站教程网-为学习HTML,DIV+CSS教程,网站开发制作与建设提供动力</title></head><body><p align="center">HTML教程</p><hr/><p>建站教程网-xhtml教程提供最全面的html教程,告诉您html是什么,快速学习xhtml知识,并制作html网页页面。</p></body></html> 运行上面的HTML代码就可以发现标题和正文内容之间就有一条横线。一个简单的<hr/>标签就可以实现分割线,轻松地修饰了段落排版,使之更美观。不过对于不同的应用场合,<hr/>默认单一的线条样式显然不能满足要求。<hr/>标签的多种属性解决了这个问题,常用的属性有width、size、align、color和titile。 width:即表示宽度,属性值默认单位为像素(px),也可以用百分比来表示分割线所占空间的比例; size:表示分割线的厚度或高度,属性值默认单位也为像素(px); aling:为对齐方式,类似于<p>的align; color:即颜色,我们可以根据需要设置分割线的不同颜色; title:这个属性使用的不多,表示当浏览者光标悬停在分割线上时出现属性值的内容提示。分割线<hr/>还有一个属性时noshade,当分割线没有设置颜色时,并且设置了一定的size时,分割线看上去是立体下凹,有阴影的。如果使用了noshade属性时,分割线将会呈现单色。

7、Htmlcss求问这个成功案例下方的局部线加粗怎么做到的 下面浅色的是分隔线

底边框,这样实现的

8、几种常见的HTML分割线

<hr />
<!--
hr标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。
-->

9、html中, 1.怎么制作如图的超链接样式,2.能改变分割线<hr>粗细,在里面添加文字,写成超链接吗?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
width: 100%;
height: 30px;
background: #65666D;
}
ul{
width: 600px;
margin:auto;
}
li{
float: left;
list-style: none;
margin-right: 20px;
line-height: 30px;
}
a{
text-decoration: none;
color: white;

}
hr{
height: 20px;
background: red;
}


</style>
</head>
<body>

<div>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">分类</a></li>
<li><a href="#">杂志</a></li>
<li><a href="#">任务</a></li>
<li><a href="#">签到</a></li>
<li><a href="#">回享计划</a></li>
<li><a href="#">商场</a></li>
<li><a href="#">知道</a></li>
</ul>
</div>
<hr>
</body>
</html>

参考以上代码实现你要的1的效果,

2,可以对hr进行修饰,但是不能在里面添加文字

10、在html网页中插入垂直分割线

<hr style="width:2px;height:100px; "></hr>

与网页设计分割线加粗相关的知识