计算机, 程序设计
装饰下划线的CSS元素
样式表的技术在创建HTML页面时执行两个功能。 首先，在帮助下，现场的各个元素的位置形成。 其次，它使得块对用户的视觉吸引力。 第二个功能是以不同的方式实现的。 其中一个是强调的。 CSS提供了这个属性text- decoration 。
规范属性记录
使用文本 装饰的属性很简单。 在样式文件的代码中为元素编写以下行是足够的：
文本 装饰： attribute_value ;
CSS规范不是attribute_value ，而是提供了许多选项：
- 下划线 - 该线严格位于文本之下;
- 超线 - 从文本顶部传出该行;
- 无 - 去除所有装饰效果;
- 继承 - 采用父元素的值。
以上，并不是给出了所有可能的记录形式，因为该属性不仅指定了CSS下划线，还指定了其他效果，例如“闪烁”文本或其隔行扫描。
超链接设计的例子
网页设计和编程的初学者有一个问题：为什么要做文本的底线？ 在互联网技术时代的黎明时期，这种突出显示方式向用户表明在他面前有一个超链接 - 一个将被点击到新页面的文本。
默认情况下，超链接具有下划线属性。 在实践中，出现问题是从非活动元素中删除该行，并在用户悬停鼠标指针时使其可见。 以下是禁用CSS下划线的代码示例：
一个{text-decoration：none;}
以下条目用于活动链接：
A：hover {text-decoration：underline;}
装饰下划线为先进
标准文本 装饰属性有几个限制：
- 线的颜色与链接文字的颜色没有区别，不可能区分它们的“着色”;
- 只有一条实线用作下划线。 CSS并不意味着使用其他样式的大纲。
但是特殊技术有助于绕过文本的古典设计。 在第一种情况下，额外的< span >标签用于指定超链接。
例如：
超链接
< / P>
因此，在页面上，超链接字将被写成蓝色，线条颜色将为红色。
另一种高级方法可以让您实现CSS下划线， - 边框底部 。 下面的例子解释了它的用法：
一个{border-bottom：1px solid red;}
结果将与上述示例相同。 但这种方法有一个重要的优势。 除了改变行的颜色（现在设置为红色）之外，还可以转换它的绘制方式：
- 点缀 - 点下划线
- 划线 - 线由笔画组成;
- 双人画双线。
因此， 边界 底部的属性更加有用。 除了在文本下显示装饰线，它还允许您自定义其外观。
Similar articles
Trending Now