HTML 里竖线 这个“ | ” 符号怎么弄?谢谢解答。
可以通过设置一个span元素,赋予css样式实现。
css代码如下:(主要css属性是border-right;border-right:1px solid gray;padding-right:10px;padding-left:10px)
假设一个div,包含三个span元素(也可以是任何两个具有第三批;display-block属性的元素),其中一个为第一步定义的span竖线元素。
在两个文字之间就插入了平行的分隔线“|”,执行效果如下:
扩展资料:
span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
例子:
<p><span>some text.</span>some other text.</p>
例子解释:
如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此,上例中的 span 元素仍然为 p 元素增加了额外的结构。
可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。
HTML:
<p class="tip"><span>提示:</span>... ... ...</p>;
CSS:
p.tip span {
font-weight:bold;
color:#ff9955;
}
打出来那个字符"|",给它的字体色改成灰色就行了,或是用图片画一条细竖线也可以,再或者可以用前或后面标签的border-left或border-right样式定义。
HTML标签和实体字符都没有这种竖线。
扩展资料:
超文本标记语言,标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:
简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
参考资料来源:百度百科:HTML
HTML 里竖线 “ | ” 常用输入方法有两种:
1、在键盘输入的时候,同时按下符号“ | ” 跟 【shift 键】,就可以打出来。
2、在打字的时候,直接打“shu”这个拼音,在弹出的选项中,选择“丨”符号即可。
扩展资料
HTML有2种情况需要使用特殊字符,一是网页中有其特殊意义的字符,二是键盘上没有的字符。
HTML字符可以用一些代码来表示,代码可以有2种表示方式。即字符代码(命名实体)和数字代码(编号实体)。字符代码以“&”符开始,以分号";"结束,其间是字符名,如®。数字代码也以“&#”符开始,以分号";"结束,其间是编号,如®。
如“|”符号,就是键盘上有的字符,一般采用键盘输入即可。
参考资料:HTML_百度百科