展开全部
可以通过设置一个32313133353236313431303231363533e4b893e5b19e31333366303735span元素,赋予css样式实现。
css代码如下:(主要css属性是border-right;border-right:1px solid gray;padding-right:10px;padding-left:10px)
假设一个div,包含三个span元素(也可以是任何两个具有第三批;display-block属性的元素),其中一个为第一步定义的span竖线元素。
在两个文字之间就插入了平行的分隔线“|”,执行效果如下:
扩展资料:
span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
例子:
some text.some other text.
例子解释:
如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此,上例中的 span 元素仍然为 p 元素增加了额外的结构。
可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。
HTML:
提示:... ... ...
;CSS:
p.tip span {
font-weight:bold;
color:#ff9955;
}