html5简单样式css3.0

ゝ一世哀愁。 2022-09-24 05:13 239阅读 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 条评论，239人围观）

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

相关阅读

相关 CSS3+Html5 学习笔记之css 样式加载顺序

有时候在写CSS的过程中，某些限制总是不起作用，这就涉及了CSS样式覆盖的问题，如下： navigator { height: 100%;

怼烎@/ 2023年10月16日 20:54/ 0 赞/ 14 阅读

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

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

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

相关 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 赞/ 283 阅读

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

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

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

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

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

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

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

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

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

相关 html5简单样式css3.0

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

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

相关 html5-css样式

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

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

相关 html_css字体样式

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

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

相关 HTML样式- CSS

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

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