Styles and usage examples of underline, strikethrough, and overline in html

This article mainly introduces common examples of underline, strikethrough, overline, etc. Underline is a very common style, for the visual effect in web pages As well as explaining the text, we often perform some underlining operations on the style. The following article is a detailed introduction to various underlines.

1. Detailed introduction to underlining

1. Summary of methods for removing underlines from hyperlinks in CSS and HTML

In our daily Web development, we know that generally when CSS is not initialized, the text with hyperlinks in the web page will be underlined. So for the sake of the beauty and visual effects of the web page, we Generally, the underline of the hyperlink is removed, so what settings should be changed? Below we will give you a detailed introduction on how to remove the underline of hyperlinks.

2. css3, pseudo-element shows an example of how the underline expands to both sides when the mouse is moved in

This article mainly introduces the relevant information about using css3+ pseudo-elements to realize the effect of underlining expanding to both sides when the mouse is moved in. The article first gives a detailed introduction to facilitate everyone's understanding, and then provides a complete example code for everyone to refer to and learn. Friends who need it, please come and study together.

3. How to use CSS3 to create hover underline animation

This article mainly introduces the steps of creating hover underline animation using CSS3. Has very good reference value. Let’s take a look with the editor below

A few days ago I saw Hexo’s next theme title hover effect is very cool, I tried to write one myself, and the other is the implementation of next, as usual, the picture is shown first

4. CSS3 method of drawing dynamic link underline

Link underline is a very common style. I recently made a very simple one The visual effect is very good, view the complete code. Creating this effect is very simple and does not require adding additional DOM elements to the HTML, but you need to consider browser compatibility issues. In older browsers it will only appear as a normal underline.

5. Underline tag

The underline tag tells the browser to underline the text with the u tag Presented to the viewer. For all browsers, this means rendering this text underlined for everyone to see.

6. Simple CSS3 drop-down menu effect with underline follow effect

This is a drop-down menu effect with underline follow effect made using pure CSS3. The drop-down menu uses CSS3 transform and transition to create underline follow effects and drop-down menu effects. The drop-down menu uses the

element to wrap an unordered list.

2. Detailed introduction of strikethrough

1. htmlSet font effects such as bold, italic, underline, and strikethrough Example introduction

This article mainly introduces some tags used to set bold, italic, underline, strikethrough and other font effects in HTML. Interested friends can refer to

This is a bold font

This is an italic font

This is the underlined font

This is the strikethrough font1

This is the strikethrough font 2

2. CSS title line (delete line through line effect) to achieve

其实看到这个问题，心里已经默默把代码已经码好了~，不就想下面这样嘛：

嗯，是的，我们日常确实基本上就是用的这种方式，也没啥问题呀~，来个背景色定下位就欧拉欧拉的了。

不过，因为一次问题需要，发现还是有需要多了解下的。

3. 为什么会出现删除线?

我下载一个Xml文件，大约有六万条数据，我用php读取，echo出来，在第16710条时出现文本删除线，这是为什么?

三. 上划线的详细介绍

1. PHP 中 正则表达式转化小写上划线变量变驼峰式

$method = 'set'.preg_replace(
      "/(?:^|_)([a-z])/e",
             "strtoupper('\\1')",
             $f);

如

first_name -> setFirstName
  click_url -> setClickUrl

正则中的/e可以执行. 此特性在perl中也是存在的.

2. thinkphp $group=D("SNS_USER_GROUP");会变成小写加上划线

thinkphp $group=D("SNS_USER_GROUP");会变成小写加下划线
$group=D("SNS_USER_GROUP");会变成小写加下划线
SELECT * FROM `s_n_s__u_s_e_r__g_r_o_u_p` ORDER BY group_id LIMIT 0,30

是在conf里面设置吗？自已的感觉
这是怎么回事,原来一直表名用小写,现在改了悲剧啊 有知道的兄弟告诉一下哈

相关问答

1. objective-c - ios开发中self和下划线的区分

2. python里的双下划线函数都是什么意思？

3. 如何让Android Layout文件中的黄色下划线警告不再显示？

【相关推荐】

1. php把大写命名转换成下划线分割命名

2. python 单下划线/双下划线使用总结

The above is the detailed content of Styles and usage examples of underline, strikethrough, and overline in html. For more information, please follow other related articles on the PHP Chinese website!