vue3点击之后加css样式

html-css054

vue3点击之后加css样式,第1张

vue3点击之后加css样式在Vue3中可以再css标签中使用v-bind(***)来绑定一个属性控制它的样式,注意:【如果你的数据不是使用Vue3的 ref 或者 reactive使其变成响应...

又是一个htmlcss基本都没理解 就开始整ASP.NET了，你需要明白，发送给浏览器渲染的是纯HTML，没ASP.NET什么事，所以，凡是涉及到页面显示的，站在浏览器角度考虑，那怎么站在浏览器角度啊？

这样，你打开浏览器，然后把显示器放平稳了，然后双脚站到上面去，

好了，你已经站在浏览器角度考虑问题，所有ASP.NET的东西都是服务器的东西，你现在可以拔掉网线来考虑如何出来页面显示问题了，因为这是浏览器处理的，浏览器怎么处理呢？CSS！

现在打开页面，查看源文件，找到你生成的那个 <input 标签，别看ASP.NET那么多杂七杂八的控件，他到了客户端，客户端可是只有浏览器，所有他需要遵守HTML4.01标准（现在还是4.1还没到5，十年前就定下来了）。

HTML4.01标准里的合法html元素就那么几个，你查看一下源码就会明白，原来高深的ASP.NET不过是个HTML代码生成器而已！

引用（有人回答过了）：

.btn

{

BORDER-RIGHT:

#7b9ebd

1px

solid

PADDING-RIGHT:

2px

BORDER-TOP:

#7b9ebd

1px

solid

PADDING-LEFT:

2px

FONT-SIZE:

12px

BORDER-LEFT:

#7b9ebd

1px

solid

CURSOR:

hand

COLOR:

black

PADDING-TOP:

2px

BORDER-BOTTOM:

#7b9ebd

1px

solid

}

<button

class=btn

title="CSS样式按钮">CSS样式按钮</button>

以上是一个典型的CSS控制的按钮样式。我分别作一下简单的解释与说明：

.btn

{

BORDER-RIGHT:

#7b9ebd

1px

solid

右边线

PADDING-RIGHT:

2px

内边距

右

BORDER-TOP:

#7b9ebd

1px

solid

上边线

PADDING-LEFT:

2px

内边距

左

FONT-SIZE:

12px

文字大小

BORDER-LEFT:

#7b9ebd

1px

solid

左边线

CURSOR:

hand

鼠标移上去时，变成手形。

COLOR:

black

颜色黑

（表示文字颜色）

PADDING-TOP:

2px

内边距

上

BORDER-BOTTOM:

#7b9ebd

1px

solid

底边线

}