怎么添加css样式使文本对齐有颜色

妍兒134 2019-06-12 10:22:12

<!DOCTYPE html> <html> <head> <title>左中右文本对齐</title> </head> <body> <p align="left">这是左对齐</p> <p align="center">这是居中对齐</p> <p align="right">这是右对齐</p> </body> </html>

...全文

102 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

妍兒134 2019-06-12

打赏
举报

<!DOCTYPE html>
<html>
<head>
<title>左中右文本对齐</title>
<style>
p{
color:red;
}
</style>
</head>
<body>
<p align="left">这是左对齐</p>
<p align="center">这是居中对齐</p>
<p align="right">这是右对齐</p>
</body>
</html>

潇湘忆梦 2019-06-12

打赏
举报

你要是改变文本的颜色，1楼的方法就可以用。还有种方式


    <p align="left" style="color:#ff0000">这是左对齐</p>
    <p align="center" style="color:#4cff00">这是居中对齐</p>
    <p align="right" style="color:#4800ff">这是右对齐</p>

usecf 2019-06-12

打赏
举报

<!DOCTYPE html> <html> <head> <title>左中右文本对齐</title> <style> p{ color:green; } </style> </head> <body> <p align="left">这是左对齐</p> <p align="center">这是居中对齐</p> <p align="right">这是右对齐</p> </body> </html> 或者 <!DOCTYPE html> <html> <head> <title>左中右文本对齐</title> <style> #p1{ color:red; } #p2{ color:green; } #p3{ color:blue; } </style> </head> <body> <p align="left" id="p1">这是左对齐</p> <p align="center" id="p2">这是居中对齐</p> <p align="right" id="p3">这是右对齐</p> </body> </html>