html5简单样式css3.0

ゝ一世哀愁。 2022-09-24 05:13 212阅读 0赞

![Center][]

代码实现：

<meta charset="utf-8" >
    <div id="div1">
    	程序员爱情观：爱情就是死循环，一旦执行就陷进去了；
    爱上一个人，就是内存泄漏–你永远释放不了；
    真正爱上一个人的时候，那就是常量限定，永远不会改变；
    女朋友就是私有变量，只有我这个类才能调用；
    情人就是指针用的时候一定要注意，要不然就带来巨大的灾难。
    </div>
    <div id="div2">
    	123456
    </div>
    <h1>如果调试一个程序让你很苦恼，千万不要放弃，成功永远在拐角之后，除非你走到拐角，否则你永远不知道你离他</h1>
    <button class="button">正常按钮</button>
    <button class="button disabled">禁用按钮</button>
    <img src="5.jpg"/>
    <style>
    	#div1{
    		 box-shadow: 10px 10px 5px #888888;
    			border:2px solid;
    			border-radius:25px;
    			background: url(5.jpg);
    	}
    	#div2{
    		 height: 55px;
    	    background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); /* Safari 5.1 - 6.0 */
    	    background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); /* Opera 11.1 - 12.0 */
    	    background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); /* Firefox 3.6 - 15 */
    	    background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); /* 标准的语法（必须放在最后） */
    	}
    	h1
    	{
    	text-shadow: 5px 5px 5px green;
    	font-family: 华文行楷;
    	} 
    	img {
        	border-radius: 50%;
        	max-width: 100%;
        	height: 400px;
        	width: 250px;
    	}
    	.button {
    	    background-color: #4CAF50; /* Green */
    	    border: none;
    	    color: white;
    	    padding: 15px 32px;
    	    text-align: center;
    	    text-decoration: none;
    	    display: inline-block;
    	    font-size: 16px;
    	    margin: 4px 2px;
    	    cursor: pointer;
    	}
    	.disabled {
    	    opacity: 0.6;
    	    cursor: not-allowed;
    	}
    </style>

[Center]: /images/20220719/2dfc5d074ddc465d84b4559411ce5f37.png

发表评论取消回复

表情：

评论列表（有 0 条评论，212人围观）

还没有评论，来说两句吧...

相关阅读

相关用户界面样式-鼠标样式（HTML、CSS）

用户界面样式-鼠标样式（HTML、CSS） <!DOCTYPE html> <html lang="en"> <head>

深藏阁楼爱情的钟/ 2023年10月03日 13:35/ 0 赞/ 42 阅读

相关 HTML5——CSS学习笔记（10）css重置样式

重置样式 @charset "utf-8"; html,body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,for

心已赠人/ 2022年12月13日 04:56/ 0 赞/ 258 阅读

相关 html5 js php,html5·css·php·js简单代码

该楼层疑似违规已被系统折叠隐藏此楼查看此楼这是一个图片左右滚动的代码 123 $(document).ready(function()\{ var totalLiN

迈不过友情╰/ 2022年10月11日 15:59/ 0 赞/ 219 阅读

相关 html h 好看的样式,html5 中有关 css3 样式

html5 中有关 css3 样式外部式 CSS 样式 (也可称为外联式) 就是把 css 代码写一个单独的外部文件中, 这个 css 样式文件以. css 为扩展名,

淡淡的烟草味﹌/ 2022年10月10日 02:33/ 0 赞/ 234 阅读

相关 html css清除默认样式,CSS reset

前面的话大部分的时候，作为前端，我们在写 CSS 样式之前，需要添加一份 reset.css 。CSS reset不仅用于清除默认样式，更是一种全局样式定义。如果项目前期不

一时失言乱红尘/ 2022年10月08日 05:34/ 0 赞/ 484 阅读

相关 html5简单样式css3.0

![Center][] 代码实现： <meta charset="utf-8" > <div id="div1"> 程序员爱情观：爱情就是死循环，

ゝ一世哀愁。/ 2022年09月24日 05:13/ 0 赞/ 213 阅读

相关 html5-css样式

案例效果： ![Center][] 样式实现： div{ width:400px;height:400px; border: 2

ゝ一纸荒年。/ 2022年08月21日 11:56/ 0 赞/ 217 阅读

相关 html_css字体样式

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <s

Dear 丶/ 2022年06月18日 05:19/ 0 赞/ 308 阅读

相关 HTML HTML 样式- CSS (stage1-19)

基础篇-HTML 样式- CSS 1.CSS CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式. 2.如何使用CSS

港控/mmm°/ 2022年06月02日 05:44/ 0 赞/ 273 阅读

相关 HTML样式- CSS

http://[blog.csdn.net/pipisorry/article/details/78929649][blog.csdn.net_pipisorry_articl

布满荆棘的人生/ 2022年06月02日 01:29/ 0 赞/ 260 阅读