css HTML中的卢比符号

f8rj6qna  于 2023-03-20  发布在  其他
关注(0)|答案(7)|浏览(345)

当我在我的www.example.com网页中使用卢比符号时,我对CSS几乎没有疑问asp.net:
下面是我的代码:
超文本:

<div id="container"><span>Rs.</span> 5000</div>

CSS:

@font-face{
    font-family:‘WebRupee’;
    src:url(‘WebRupee.V2.0.eot’);
    src:local(‘WebRupee’), url(‘WebRupee.V2.0.ttf’)format(‘truetype’), url(‘WebRupee.V2.0.woff’) format(‘woff’), url(‘WebRupee.V2.0.svg’) format(‘svg’);
    font-weight:normal;
    font-style:normal;
}
.WebRupee{
    font-family:’WebRupee’;
}
html > body.WebRupee {
    margin-right:2px;
}
html > body.WebRupee {
    *margin-right:0;
}
#container {
    width:500px;
    margin:50pxauto;
}

我想在www.example.com网页中获得卢比符号asp.net..这里有什么遗漏吗?
这是我引用的URL:
Click here
我需要在我的系统中安装什么吗?
它将提供给所有用户,我的webiste使用通过世界各地没有安装任何在用户(他们的)系统?
我可以用上面的代码附加已经存在的CSS文件(它用于我使用卢比符号的同一个html文件中的其他div标签)吗?在这种情况下,我是否需要将css中的名称和html #container中的id更改为其他内容,因为我已经有#container了?
我在CSS中的#container上没有看到以上部分
:即

@font-face{font-family:‘WebRupee’;src:url(‘WebRupee.V2.0.eot’);src:local(‘WebRupee’), url(‘WebRupee.V2.0.ttf’)format(‘truetype’),url(‘WebRupee.V2.0.woff’)format(‘woff’),
url(‘WebRupee.V2.0.svg’)format(‘svg’);font-weight:normal;font-style:normal;}
.WebRupee{font-family:’WebRupee’;}
html>body.WebRupee{margin-right:2px;}
html>body.WebRupee{*margin-right:0;}

在html中没有为DIV设置reverfenced..它是那样的吗?或者我需要在类中创建它
如果事情是这样..

.rupee
{

@font-face{font-family:‘WebRupee’;src:url(‘WebRupee.V2.0.eot’);src:local(‘WebRupee’), url(‘WebRupee.V2.0.ttf’)format(‘truetype’),url(‘WebRupee.V2.0.woff’)format(‘woff’),
url(‘WebRupee.V2.0.svg’)format(‘svg’);font-weight:normal;font-style:normal;}
.WebRupee{font-family:’WebRupee’;}
html>body.WebRupee{margin-right:2px;}
html>body.WebRupee{*margin-right:0;}
}

我可以称之为..

<div id="container" class = "rupee"><span>Rs.</span> 5000</div>

.rupee和#rupee之间的区别是什么?
提前感谢帮助!!

daupos2t

daupos2t1#

新的卢比符号可以直接在html中呈现,如。在源代码中输入&#8377;

4bbkushb

4bbkushb2#

HTML格式

使用class=“卢比”添加span

<span class="rupee"></span>
Rupee Symbol in html:- <span>&#8377;</span>
<br>
Rupee :- <span>&#8360;</span>

CSS

.rupee{
    background-position:left;
    width: 10px; 
    height: 14px;
    background-image: url('http://i.stack.imgur.com/vJZ9m.png');
    display:block; 
    background-repeat: no-repeat;
}

卢比图像

工作演示http://jsfiddle.net/cse_tushar/fZpXM/

tyg4sfes

tyg4sfes3#

代码的主要问题在于,您根本没有在span元素上定义WebRupee类。

<div id="container">

<span class="WebRupee">Rs.</span> 5000

</div>

关于问题的其他部分...
类不需要id容器,它设置的只是宽度和边距
.rupee和#rupee之间的区别是什么?
.rupee是类,#rupee是ID

1cklez4t

1cklez4t4#

您可以简单地使用Webrupee的API(http://webrupee.com/
就包括这个
然后用200卢比
或者你可以在html中使用此代码此代码将打印卢比符号。

pbpqsu0x

pbpqsu0x5#

试试这个:

<del>&#2352;</del>
zbdgwd5y

zbdgwd5y6#

简单地使用“()显示卢比符号。或检查我在这里写的文本。

9fkzdhlc

9fkzdhlc7#

用于HTML

在HTML文档中的任意位置使用&#8377;

但如果您想通过CSS使用它:

然后在内容成员中使用“\20B9”,例如

.rupee::before{
content:"\20B9";
font-size: 2rem;
}

相关问题