使用className属性设置样式

 时间:2024-11-05 11:25:44

对于前端页面来说,设置样式主要通过内嵌和使用css编老揉孟阼写,使用css主要是通过id、className、标签名设置样式,那么如何使用className属性设置样式呢?

使用className属性设置样式

工具/原料

sublime编辑器

方法/步骤

1、新建一个空白html页面

使用className属性设置样式

2、编写一些页面内容

使用className属性设置样式

3、浏览器中查看默认样式

使用className属性设置样式

4、在head标签中添加style标签

使用className属性设置样式

5、通过类名对属性设置样式,设置为字体加粗,颜色红色。使用方法就是在类名前边加一个点

使用className属性设置样式

6、浏览器中查看使用ClassName属性设置样式后的效果

使用className属性设置样式

7、通过id和标签设置样式代码如下

使用className属性设置样式

8、浏览器效果如下

使用className属性设置样式

js如何给div添加边框 Visual Studio2013怎么设置启用HTML设计器 HTMLcss怎样让div固定在顶部位置 DIV内字体如何设置 HTML5初级教程article标签
热门搜索
变态动漫视频 动漫头像男生冷酷 火烧云的图片 图片区电影区小说区 动漫美女被侮辱