3 4 5 6 【代码笔记】Web-CSS-CSS id和Class选择器 - 11GX
首页 > 【代码笔记】Web-CSS-CSS id和Class选择器

【代码笔记】Web-CSS-CSS id和Class选择器

一，效果图。

二，代码。

复制代码
DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>CSS id和class选择器title> <style> #para1 {  text-align: center; color: red; } .center {  text-align: center; } p.center {  text-align: right; } style> head> <body> <p id="para1">hellop> <p>this paragraph is not affected by the style.p> <h1 class="center">标题居中h1> <p class="center">段落居中p> body> html>
复制代码

 

参考资料：《菜鸟教程》

转载于:https://www.cnblogs.com/yang-guang-girl/p/10265177.html

更多相关：

  • 如何在CSDN MarkDown中居中显示并设置本地图像大小

    初始导入的图像过大： 使用如下代码替换： url是红色括号里面的内容；width或者height也可以设置绝对大小width="200" 最终变成：

    div 下 的img水平居中

    设置text-align:center; 这个div必须要设置宽度； 如：{text-align:center; width:100%;} 转载于:https://www.cnblogs.com/zzd0916/p/6626772.html...

  • CSS里总算是有了一种简单的垂直居中布局的方法了

    无标题文档