HTML样式

最新推荐文章于 2024-02-10 05:15:00 发布

sweetga

最新推荐文章于 2024-02-10 05:15:00 发布

阅读量349

点赞数

分类专栏： HTML 前端开发

本文链接：https://blog.csdn.net/sweetga/article/details/44893719

版权

前端开发同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

HTML

6 篇文章 0 订阅

订阅专栏

html样式：现在更多用的是CSS样式

<!DOCTYPE html> 
<html> 
<body> 

<div style="                                /*div块*/ 
opacity:0.5;                                /*透明度：0-1 全透明-不透明*/ 
position:absolute;                          /*位置：相对*/ 
left:50px;                                  /*左边留50像素的宽度*/ 
width:300px;                                /*宽度*/ 
height:150px;                               /*高度*/
background-color:yellow ">                  /*背景颜色：黄色*/ 
</div> 

<div style=" 
font-family:verdana;                        /*文本字体font系列*/ 
padding:20px;                               /*内边距*/ 
border-radius:30px;                         /*边框角幅度*/ 
border:5px solid #EFBABC;                   /*边框宽度 solid定义实线边界 #颜色*/ 
width:500px">                 
  
<div style=" 
opacity:0.6; 
position:absolute; 
left:100px; 
width:150px; 
height:250px; 
background-color:#8AC007"> 
</div> 

<h3>Look! Styles and colors</h3> 

<div style="letter-spacing:15px;">Manipulate Text</div>        /*文字紧凑程度*/ 

<div style="color:#40B3DF;">Colors 
<span style="background-color:#B4009E;color:#ffffff;">Boxes
</span>                                                        /*span空间块*/ 
</div> 

<div style="color:#000000;">and more...</div> 


</body> 
</html>