html怎么在正方形里输入字

html怎么在正方形里输入字,第1张

1. 在页面上使用文本框元素,下面以单行文本框为例列举示例代码:

1<input type="text" />

2. 可以使用HTML的value设置文本框的默认显示文字即可,如下所示:

1<input type="text" value="默认文字" />

注意:如果input元素带有readonly、disabled属性用户也将无法编辑或输入文字,如果有以上属性需要删除后方可输入文字。

给每个小方块按照一定规则编号,例如坐标,加到class或id或自定义属性上。再立个flag标记是否选择状态,点击1-1号方块进入选择状态,改flag状态。再点击另一个方块,根据坐标关系选中相应的方块。其中小细节很多,考验逻辑思维能力。

ps.这是有赞的吗?几年前老板就让我仿造这个做一个魔方,挺头疼,那时还不叫有赞,叫什么我忘了。

这个红点是PS切出来的图片!然后在li加一张背景图!比如:

<div class="cright2">

<ul>

<li><a href="#">彩加XXXX</a></li>

<li><a href="#">彩妆XXXX</a></li>

</ul>

</div>

css样式如下:

.cright2{width:180pxmargin:0 autoheight:215px}

.cright2 li{ background:url(../images/list1.jpg) no-repeat 0px 5pxpadding-left:25pxwidth:180pxfloat:leftheight:23pxline-height:23pxoverflow:hiddenfont-size:14px}

自己参考下,这个还是比较简单的哦!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8301105.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存