span中<如何设置粗体,如何居中

我想做个图片浏览时向左向右翻图的按钮,像网易首页那样html:<divclass='arr-left'><span><</span></div>css:.arr-left... 我想做个图片浏览时向左向右翻图的按钮,像网易首页那样
html:
<div class='arr-left'> <span><</span></div>
css:
.arr-left{font-size:30px;font-weight:900;width:30px;height:35px;border:1px solid #ccc;}
span{text-align:center;display:block;}//这样会居中,但内容会掉到下面
疑问:设置font-weight为什么不能使>变为粗体?该如何设置
span中内容如何水平居中?
这是网易首页的截图,怎样能使<达到图中‘<’的粗度?设置font-weight最大也没那么粗呀
展开
 我来答
璇璇璇璇旋璇
高粉答主

2020-12-15 · 每个回答都超有意思的
知道答主
回答量:615
采纳率:0%
帮助的人:9.3万
展开全部

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用p标签创建一行文字,并在p标签内添加span标签

3、在test.html文件内,设置p标签的class属性为mycss。

4、在css标签内,通过class设置p标签的样式,设置它的背景颜色为灰色,宽度为200px,高度为50px。

5、在css标签内,再使用line-height属性设置p标签内容的行高,该行高与p标签的高度相同,便可以实现垂直方向居中对齐。

题名考试网
2017-07-03 · 知道合伙人教育行家
题名考试网
知道合伙人教育行家
采纳数:1150 获赞数:26682
二级建造师

向TA提问 私信TA
展开全部

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>了不起的盖茨比</title>
<style>
span{
    color:blue;
}
 
.hfont{
    color:#F00;
    font-weight:bold;
}
</style>
</head>
<body>
    <p>1922年的春天,一个想要成名名叫尼克&#8226;卡拉威(托比&#8226;马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的<span>美国梦</span>,他搬入纽约附近一海湾居住。</p>
    <p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。<span class="hfont">中国梦</span></p>
</body>
</html>

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
橙汁山药
推荐于2016-11-02 · TA获得超过1632个赞
知道小有建树答主
回答量:1781
采纳率:33%
帮助的人:297万
展开全部
span{width:120px;height:20px;line-height:20px;text-align:center;display:block;font-weight: bold;}
加上font-size:22px; 字体类型:font-family: Arial, Helvetica, "宋体";

说明:要让span标签里的文字居中就要让span块级元素,并且,增加span的宽高。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
亲亲木朵best
2013-09-11 · TA获得超过201个赞
知道答主
回答量:394
采纳率:0%
帮助的人:140万
展开全部
把span转换成块级元素,在家居中就可以了,好像那个>是个符号,样式对这个不管用吧
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
杨凝茗025157
2013-09-11 · TA获得超过1001个赞
知道小有建树答主
回答量:865
采纳率:0%
帮助的人:272万
展开全部

font-weight: bold;

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(8)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式