HTML css JS 有趣案例,html体验案例

html>

搞笑段子

div{

width: 1800px;

height: 800px;

background-color: yellow;

font-size: 2em;

line-height: 5em;

border: 1px solid lightslategrey;

padding: 15px;

background-image: url("img7.jpg");

background-repeat: no-repeat;

background-size: cover;

border-radius: 2em;

box-shadow: 10px 10px 8px #888;

}

h2{

color: red;

text-align: center;

font-size: 100px;

}

.text{

color: green;

text-align: center;

/*line-height: 4em;*/

text-indent: 6em;

}

搞笑段子

一天半夜四点多,一朋友打电话来说了一句话:那个,我刚看到手机上有你一个去年的未接来电所以打来问问你有啥事.

超市里，看见一只五花大绑着的螃蟹从18.9元的冰柜里往28.9元的柜子里爬。我泪流满面，你太TM有上进心了

function change(element) {

element.style.fontSize='24px'

element.style.color='yellow'

}

function old(element) {

element.style.fontSize='100px'

element.style.color='red'

}

手抄：

效果图：