CSS中文本的对齐方式和实现圆角矩形

最新推荐文章于 2022-09-17 15:43:22 发布

小白学代码

最新推荐文章于 2022-09-17 15:43:22 发布

阅读量877

点赞数

分类专栏：初学者静态HTML

本文链接：https://blog.csdn.net/xiahang1121/article/details/89873309

版权

初学者同时被 2 个专栏收录

33 篇文章 1 订阅

订阅专栏

静态HTML

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>对齐方式和实现圆角矩形</title>
       <style type="text/css">
           .yuan{
               border: 1px solid gold;
               background-color: green;
               height: 100px;
               width: 400px;
               margin-left: 100px;
               /*圆角,分别设置上右,上左,下右下左的切割*/
               border-top-left-radius: 20px;
               border-top-right-radius: 20px;
               border-bottom-left-radius: 20px;
               border-bottom-right-radius: 20px;
           }
       </style>
   </head>
   <body>
       
       <p>水的分子式为H<span style="vertical-align:sub;">2</span>O</p>
       <P>x的平方表示方法X<span style="vertical-align: super;">2</span></P>
       
       <p style="text-align: right;">
           君不见，高堂明镜悲白发，朝如青丝暮成雪⑶。
人生得意须尽欢⑷，莫使金樽空对月。
天生我材必有用，千金散尽还复来。
烹羊宰牛且为乐，会须一饮三百杯⑸。
岑夫子，丹丘生⑹，将进酒，杯莫停⑺。
与君歌一曲⑻，请君为我倾耳听⑼。
钟鼓馔玉不足贵⑽，但愿长醉不复醒⑾。
古来圣贤皆寂寞，惟有饮者留其名。
陈王昔时宴平乐，斗酒十千恣欢谑⑿。
主人何为言少钱⒀，径须沽取对君酌⒁。
五花马⒂，千金裘，呼儿将出换美酒，与尔同销万古愁
       </p>
       <div class="yuan">

       </div>
   </body>
</html>

小白学代码

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS中文本的对齐方式和实现圆角矩形

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>对齐方式和实现圆角矩形</title> <style type="text/css"> .yuan{ ...
复制链接

扫一扫